Google BardでCSSを最適化する

Googleの文章生成AI「Bard」の便利な使い道、面白い使い道として既存のCSSを最適化をしてみました。
CSSを最適化する
以下は「Bard」で既存のCSSを最適化をしてみた結果になります。
以下のCSSを最適化して下さい。
以下のCSSを最適化して下さい。
p {
padding: 10px 0;
margin: 10px;
}
h2 {
padding: 10px 0;
margin: 10px;
}
h3 {
padding: 10px 0;
margin: 10px;
}
#breadcrumb-area {
padding: 10px 0;
margin: 10px;
}
以下のCSSは、次の方法で最適化できます。
- 同じプロパティの値を同じセレクターに適用する
- セレクターを再編成して、より効率的なコードにする
- 不要なCSSを削除する
最適化されたCSSは次のとおりです。
p, h2, h3, #breadcrumb-area {
padding: 10px 0;
margin: 10px;
}
このCSSは、元のCSSよりも効率的で、ページの読み込み時間を短縮することができます。
とりあえず簡単な最適化は問題なく実行する事ができました。
また、長めのCSSだと変化がない場合もあります。
ChatGPTでも試してみましたが、現状ではChatGPTの方が一歩先を進んでいるかも知れません。
ただ、複数回答されるうちのひとつには、Googleらしく色やサイズなどもSEO目線で調整してくれているものもあり、今後、長文に対応するなど強化された場合、優秀なツールとして力を発揮しそうです。
Posted by Yousuke.U
運営コンテンツ
Material Box
CSS、JavaScript、アイコン画像などのフリー素材サイト
関連記事


Google Bardをキーワードプランナーとして活用する
Googleの対話型AI「Bard」は現在は日本語に未対応ですが、現状でも使える ...


Google Bardのログインとは、Googleアカウントの作成方法
文章生成AI「Bard」はGoogleが提供するAIチャットツールですが、ログイ ...


Google Bardの画像検索を試してみました
2023年5月23日のアップデートにて、Googleの文章生成AI「Bard」で ...


Google Bardで生成した文章の著作権、帰属について
Googleの文章生成AI「Bard」生成した文章の著作権や帰属先などについて調 ...


Google Bardで位置情報の設定、効果やリスクなど
Googleの文章生成AI「Bard」で位置情報の設定についてのアナウンスがあり ...


ChatGPT、Bing AI、Bardの年齢制限を比較
対話型AIには、それぞれ年齢制限が設けられています。年齢制限の確認は、主に紐付け ...


Bard?Bingは良いけどGoolgle、お前はダメだ。時代はAIとWEBの情報マッチポンプへ
Google検索にAIチャット「Bard」が限定公開中です。 Microsoft ...


Google BardのAPIが提供予定?Bardに聞いてみた
Googleが公開した言語型AI「Bard」はChatGPTや他のAI同様にAP ...


Google Bardは会話履歴を残せない、アクティビティ履歴には注意
GoogleのAI「Bard」は会話の履歴を残す機能は現状実装されていません。 ...


Google Bardで複数のチャットログを保持する機能について
Googleの文章生成AI「Bard」は2023年5月現在、ChatGPTのよう ...


Google Bardの年齢制限は何故18歳に設定されているのか
Googleの文章生成AI「Bard」は何故年齢制限を18 歳以上のユーザーとし ...


Google Bardのアカウント停止処分について
Googleの文章生成AI「Bard」で利用規約に違反したユーザーに対してアカウ ...


Google BardはURLから内容を取得可能、実際にURLを送って検証してみた
Google BardはAIにURLを伝える事で、そのページの情報を取得可能とな ...


Google Bardが長文指定時に、一度に返す事が可能な文字数上限について
Googleの文章生成AI「Bard」が一度に返す事が可能な文字数について調べて ...


Google Bardは危険な食材のレシピに対応できるのか
Googleの文章生成AI「Bard」にて料理のレシピについて調べる時、危険な食 ...
ディスカッション
コメント一覧
まだ、コメントがありません