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
関連記事


Google Bardで複数アカウントでの利用は可能かどうか
Googleの文章生成AI「Bard」で複数アカウントで利用する事は可能かどうか ...


Google Bardのアカウントを削除する方法
Googleの文章生成AI「Bard」で作成したアカウントを削除する手順を紹介し ...


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


Google Bardで表を作成するプロンプト例
Googleの文章生成AI「Bard」にて表の作成を指定するサンプルプロンプトを ...


Google Bardは危険な食材のレシピに対応できるのか
Googleの文章生成AI「Bard」にて料理のレシピについて調べる時、危険な食 ...


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


Google BardがChatGPTより優れている点を聞いてみた
Googleの文章生成AI「Bard」にBardががChatGPTより優れている ...


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


Google Bardを使ってみた(現在、日本語は未対応)
Googleの言語型AI「Bard」が日本からも利用可能になっていましたので使っ ...


Google Bardの最大文字数、回数制限について
Googleの文章生成AI「Bard」の文字数、回数制限について調べてみましたの ...


Google Bardでイラストが作成可能に、既にひな形はできている
Googleの文章生成AI「Bard」にて入力されたテキストからイラストを生成す ...


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


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


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


Google Bardで表示されるアイコンを変更する方法
Googleの文章生成AI「Bard」で表示されるユーザーアイコンを変更する方法 ...
ディスカッション
コメント一覧
まだ、コメントがありません