Seesaaブログのコンテンツ追加を最小限に留め高速化を図る

Seesaaブログのデザイン画面から「何気なく」コンテンツを追加していませんか?

新しい部品を追加するんだからデザインコンテンツを追加するのは当たり前じゃない、と「何気なく」追加しているとブログの表示速度がどんどん遅くなります。

そんなことは言われなくても分かっているけどデザインコンテンツを追加する以外に方法がない、という..

続きを読む

LazyなLazyload

Google PageSpeed Insightsのテスト結果を見ながらページの読み込み速度高速化のための最後の切り札として導入したjQuery Lazyload。

このブログでは起きなかったのに何故か別のブログではレンダリングブロックが発生して30ポイント近くもパフォーマンスが悪化。

ページ読み込み速度が向上すると期待し..

続きを読む

jQuery.jsを移動

jQuery.js もしくは jQuery.min.js(minが一般的だと思うので以下 jQuery.min.js に統一)は head に置きなさいと何かで読んでずっと head に置いてました。

jQuery自体サイズが小さいので head でロードさせても処理時間は 30ms 程度。ページの読み込みスピードにはあ..

続きを読む

ロスレス圧縮 TinyPNG

Seesaa ブログのような無料ブログで記事を作成したり、テンプレートをカスタマイズしたりするときに、ボクが使っていて「これは便利」というオンラインツールをまとめてみました。

スマートフォンやファブレット、タブレットの普及に伴い、スマホからのアクセスを考慮してブログを書く必要がありますよね。

光回線でパフォーマンスの高いパ..

続きを読む

Bootstrap

レスポンシブ対応のメニューをいくつか試した結果、Bootstrap に落ち着きました。

実装するには Bootstrap.min.js と Bootstrap.min.css を追加しますが、Bootstrap の各種機能の中で今回使うのは nabvar だけ。

HTML に css を追加すればレンダリングブロックがぁー..

続きを読む

スタイルシートで文字列を綺麗に整列

Twitter, Facebook, Google+ などのソーシャルボタンのオリジナル JavaScriptを HTML5 仕様の非同期に書き換えて設置する方法です。

併せてサイドバーなどに追加するウィジェットから重複しているスクリプトを削除して、さらにサイト表示速度の高速化も実現します。

先日 GTmetrix で T..

続きを読む

Sponsored Link
Sponsored Link