head内の各要素とその重みをリスト化し、プライオリティが高い順に並べ替えてくれるツール -capo.js
head内に記述する要素の順番はページのパフォーマンスに影響を与える可能性があります。記述の順番が間違っている要素を特定し、プライオリティが高い順にしてくれるツールを紹介します。 指定したページのhead内の各要素とその重みをリスト化し、プライオリティが高い順に並び替えたものもリスト化してくれます。 2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ capo.jsの使い方 capo.jsを実際に使ってみた capo.jsの使い方 capo.jsを使用するには、2通りの方法があります。 デベロッパーツールのスニペットで実行する ブックマークレットで実行する 手順は簡単です。 capo.jsのJavaScriptをコピーします。 コピーしたJavaScriptをデベロッパーツールのスニペットで実行するか、ブックマークレットを作成します。 ※ブックマークレットは
SNSボタンをオリジナルデザインにする方法
普通に設置する場合 普通のテキストリンクとして設置する場合には以下のコードを使用します。CSSは適宜調整して下さい。 ※FacebookやGoogle+はogp設定をしていないと正しくシェアできません。opg設定については下記参考サイトが分かりやすいです。 facebook いいねボタン設置時のOGP設定方法♪ ｜ フリーランスWebデザイナーの仕事 Twitter ツイートボタン <a href="http://twitter.com/share?url=共有したいＵＲＬ&text=ツイート内に含める文字&via=ツイート内に含まれるユーザー名&related=関連アカウント">ツイート</a> Facebook シェアボタン <a href="http://www.facebook.com/share.php?u=共有したいＵＲＬ" onclick="window.open(this.
【Webサイト高速化】ソーシャルボタンを1つにまとめるコードを共有するよ
【ブログ術】表示速度アップ！SNSソーシャルボタン後読み設定で高速化 【ブログ術】FacebookのOGP設定をプラグインなしで設置する方法 【WordPressプラグイン】複数ソーシャルボタンを記事前後に並べて設置 私が現在このブログで利用しているソーシャルボタンは、自分でも利用している5種類です。ツイッター、Facebook、はてなブックマーク、Google+、Pocketです。 なおWordPressを利用している方は、次の高速化についてのまとめ記事も参考にしてみてください。 ソーシャルボタンを3段階でまとめる そもそも、ソーシャルボタンをまとめるとはどういう意味なのかを3段階で説明します。 同じソーシャルボタンのスクリプトを1つにまとめる 全てのソーシャルボタンのスクリプトを1箇所にまとめる 全てのソーシャルボタンを1つのスクリプトにまとめる ただし同じボタン（例えばツイッターボタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
