Site will be available soon. Thank you for your patience!
こんにちは、つばさ(@tsubasa123)です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い(気がする)。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い(気がする)。というわけで、本日のテーマはタイトル通り高速化になります。地味な内容ではございますが、よろしくお付き合いください。 早いは正義? 大袈裟に言いましたが… 画像の圧縮 不要な外部リソースの排除 不要なカスタマイズの排除 カスタマイズコードの位置を調整 ライブラリの遅延読み込み jQueryコードの排除 DNSプリフェッチの導入 一連の施策を終えて 具体的なコードも1つご紹介 今後の展望と課題を CSSのインライン化 はてなスターどうしよう 広告も遅い部類 さいごに 早いは正義? だと個人的には考えています。SEOとか専門的なことは知りません
ブログ開設をしてとっくに1年が経過(たしか3月頃)、そしてProに変更して1年が過ぎました。 これまでいろいろブログのカスタマイズをしてきましたが、ちょっと気になっていたことなどが、はてなブログ側の開発で解消できそうだったので、すこ~しいじってみました^^ また、併せて今までのカスタマイズで参考に、そしてまるっとコピペさせていただいたブログ様を一部ご紹介などしてみようと思います。 ブログのトップページを一覧表示にする Google AdSenseを自動挿入 アドセンス広告:不快なエロ・グロ系漫画広告をブロック 最終更新日の表示 追記:2017.6.4 太字を蛍光ペン風に 記事下の関連記事表示にMilliardプラグイン DUDE使用でも全画面のヘッダ画像表示をしない 一目でわかるメニューバーを設置 プライバシーポリシーの表示 まとめ ブログのトップページを一覧表示にする 数日前に、はてなブ
こんにちは、つばさ(@tsubasa123)です。 本日、はてなブログの新機能としてカテゴリー別記事一覧に説明文を設定できる機能が実装されたみたいです。HTMLが入力できるらしいのでここは1つカスタマイズ記事でも書いてみようかと思い筆をとりました。記事のリスト表示とかベタかもしれませんが、お時間がある方はお付き合いください。 詳細は公式ブログを レッツカスタマイズ HTMLとCSSの追加 HTMLコードの例 CSSコード HTMLの準備がめんどくさい さいごに 詳細は公式ブログを staff.hatenablog.com どうぞ。ざっくり説明すると、 タイトルを表示できるようにしたよ 説明文を表示できるようにしたよ ってことだと思います。 レッツカスタマイズ 何を表示しようか考えたんですが、各カテゴリの中でおススメ記事を表示させるのが無難かな、と思ったのでサムネ付きの一覧表示エリアを作って
はてなブログをカスタマイズしていてよく起きること。 「あれ?デザインが崩れてる…」「もとに戻せない…orz」 私も何度か経験があります。 何人ものユーザーが自分のブログを見てくれている中で、カスタマイズを進めなくてはならないので、カスタマイズに失敗すると冷や汗もので、できれば避けたいですよね。 今回は、カスタマイズに何度失敗してもOKな「テストブログ」を作り、デザインをチェックするという、はてなブログのカスタマイズテクニックをご紹介します。 はてなブログのプレビュー機能は完璧ではない はてなブログではデザインをカスタマイズする際に、プレビューで変更内容を確認することができます。 しかし、プレビュー画面では、記事幅が微妙に違っていたり、全ての記事を見ることができなかったり、スマホの画面が見づらかったり、少なからず制約があります。 そのため、いざ変更を反映してみると、思った通りのデザインになら
2014年1月に当ブログのデザインリニューアルを行いました。 その際に表示させるようにしたブログパーツの設定や修正したポイントなど、ライブドアブログのデザイン設定でカスタマイズした箇所をご紹介します。 記事一覧に見出し画像と概要文を表示するようにした トップページやカテゴリページの記事一覧部分には、記事ごとの見出し画像と概要文を表示させるようにしました。 共にOGPの設定の一部ですが、ライブドアブログの独自タグを使って、ページ上に表示させることができます。 記事一覧表示部分のHTML <IndexArticlesLoop> <div class="article-list"> <h3><a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a></h3> <!--見出し画像の表示--> <IfArticleCoverImage> <a
お知らせ 2023年4月2日、サーバーからのスクリプト配信を停止しました。 スクリプトファイルはGitHub上で提供しておりますので、引き続きご利用される方はこれまでの設定部分を修正してください。 詳細は当記事内の手順4,手順5を参照してください。 みなさんはカテゴリーを”階層化”しているでしょうか。 カテゴリーの階層化とは、記事のカテゴリーに親子関係を付けるものです。 これを行った上で”パンくずリスト”を作成すると、SEOに強くなるらしいです。 はてなブログにおいては少し前、公式なパンくずリスト機能が追加されました。 staff.hatenablog.com しかしながら公式パンくずリストは”カテゴリー階層化”には対応しておらず、デフォルトで一つ目のカテゴリだけが表示されます。 そこで公式パンくずリスト登場以前から、独自にパンくずリストを作成するブログパーツが提供されています。 http
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く