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と似てます
ajaxで持って来たソーシャルボタンをボタンを更新する [俺の備忘録]
Google+ボタン はてなブックマークボタン 更新日時: 2013年10月24日（木） 作成日時: 2013年03月03日（日） 前の記事 / 次の記事 ツイッターの「ツイート」ボタン、facebookの「いいね！」ボタン、googleの「+1」ボタン mixiの「イイネ！」ボタン、はてなの「はてなブックマーク」ボタンをajaxで差し替える、 と 正常に表示されない。 たぶん他の各ソーシャルサイトのボタンも全部そう。 ちょっと調べてみると、ajaxで要素を差し替えた場合は、 scriptタグに記述されたスクリプトは実行されない。 document.onload() イベントが発生しない（jQueryの $(document).ready() イベントも発生しない） っていうところに原因がありそう。 Ajax/Ajaxで取ってきたHTMLコンテンツ内の＜script＞タグを実行させたい そ
WordPressでPjaxの実装後よくあるトラブルの解決方法 - ナオユネット
WordPressでPjaxを実装した後、色々な壁にぶち当たったので、その時の解決方法を紹介していきます。 WordPressでPjaxを実装する 「jquery-pjax」というjQueryプラグインを使います。 GitHub defunkt / jquery-pjax <?php get_header(); ?> <nav id="gnav"> <ul> <li><a href="">nav1</a></li> <li><a href="">nav2</a></li> <li><a href="">nav3</a></li> <li><a href="">nav4</a></li> <li><a href="">nav5</a></li> </ul> </nav> <div id="main_content"> <!-- コンテンツが入れ替わる部分 --> </div> <?php g
pjaxを使ったSEOにも考慮した非同期通信 ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちはムラタです。 今回はSEOに配慮しつつページ読み込み時間を短縮させるpjaxを使ってみたいと思います。 目次 そもそもpjaxって？ 準備 実装 最後に そもそもpjaxって？ pjaxとはサーバーから非同期にデータを取得してコンテンツを改変させる技術の「Ajax」と、HTML5から導入された、javascriptからブラウザの履歴に直接追加させるメソッド「pushState」を組み合わせた技術のことで「pushState」+「Ajax」で「pjax」らしいです。 HTML5のpushStateに対応していないIE9以前のブラウザではこの機能を使うことはできませんが、その場合は通常のページ遷移となり、ページが見られなくなるということは無いので安心です。 Ajaxと何が違うの？ Ajaxでは表示内容を書き換えた場合、URL自体は書き変わらずそのままで、ブラウザの履歴にも追加されない
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
