タグ

はてなとカスタマイズに関するsyofusoのブックマーク (2)

  • 目指せ最速!はてなブログで表示を高速化するために行った7つの施策 - つばさのーと

    こんにちは、つばさ(@tsubasa123)です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い(気がする)。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い(気がする)。というわけで、日のテーマはタイトル通り高速化になります。地味な内容ではございますが、よろしくお付き合いください。 早いは正義? 大袈裟に言いましたが… 画像の圧縮 不要な外部リソースの排除 不要なカスタマイズの排除 カスタマイズコードの位置を調整 ライブラリの遅延読み込み jQueryコードの排除 DNSプリフェッチの導入 一連の施策を終えて 具体的なコードも1つご紹介 今後の展望と課題を CSSのインライン化 はてなスターどうしよう 広告も遅い部類 さいごに 早いは正義? だと個人的には考えています。SEOとか専門的なことは知りません

    目指せ最速!はてなブログで表示を高速化するために行った7つの施策 - つばさのーと
  • はてなブログのカスタマイズで失敗しないためのテクニック - milehack.com

    はてなブログをカスタマイズしていてよく起きること。 「あれ?デザインが崩れてる…」「もとに戻せない…orz」 私も何度か経験があります。 何人ものユーザーが自分のブログを見てくれている中で、カスタマイズを進めなくてはならないので、カスタマイズに失敗すると冷や汗もので、できれば避けたいですよね。 今回は、カスタマイズに何度失敗してもOKな「テストブログ」を作り、デザインをチェックするという、はてなブログのカスタマイズテクニックをご紹介します。 はてなブログのプレビュー機能は完璧ではない はてなブログではデザインをカスタマイズする際に、プレビューで変更内容を確認することができます。 しかし、プレビュー画面では、記事幅が微妙に違っていたり、全ての記事を見ることができなかったり、スマホの画面が見づらかったり、少なからず制約があります。 そのため、いざ変更を反映してみると、思った通りのデザインになら

    はてなブログのカスタマイズで失敗しないためのテクニック - milehack.com
  • 1