2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
身につけておきたいWebサイト高速化テクニック #6｜HTTPリクエスト数削減テクニック02：CSS Sprite編 | DevelopersIO
はじめに 前回はHTTPリクエスト数削減テクニック01「インラインイメージ編」でData URI Encodeを使ったインラインイメージについて紹介しました。この記事をより深く解説した記事をCodezineさまに寄稿したのでこちらも参考にしてください。 今回はHTTPリクエスト数削減テクニックの2つ目「CSS Sprite」について解説します。 すでに定番のテクニックとなっていますが何となく使っていることが多いと思うので復習と思って読んでみてはいかがでしょうか。これから覚える方にも向けて丁寧に解説したいと思います。 1，CSS Spriteとは CSS Spriteとは、アイコンやナビゲーションなどのいくつかの画像を1つにまとめた画像（以降Sprite画像とする）を用意し、CSSのbackgroundプロパティを使って一部分のイメージだけを見せるテクニックです。代表的なSprite画像の例
【WordPress高速化】9秒からあっという間に2秒台へ！使用したプラグインと設定方法を細かく解説します。
今回ブログの高速化を調べるきっかけになったのはGoogle Adsenseの管理画面でした。 通知が来ていて「やべっ何かしたかな」と焦って開いてみると、「サイトの読み込み時間が長過ぎますよ」という注意。ちょっと安心。 以前から薄々思ってはいたもののいい機会だったので、ブログの高速化に再度着手することに。 参考にしたのは「gori.me」！ 「高速化」と考えて一番最初に思いついたのがgori.meの「Wordpressで読み込み速度1秒台を実現するために実施した5つの施策 | gori.me」という記事。「gori.me 一秒」で検索して教えを乞いました。 ここに書いてある中の、 ・W3 Total Cacheの設定 ・Cloudflareの導入 ・MO cacheの導入 ・DB Cache Reloaded Fixの導入 を行い、iPhone研究室さんの「WordPressで1秒切り！目を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
