[試] サイト表示速度を高速化する方法 | WordPress jQuery読み込み位置の最適化 | 試行錯誤ライフハック
WordPress jQuery読み込み位置最適化による表示速度高速化 jQueryの読み込み位置の工夫がメインですが、CDNの活用とjQuery本体の軽量化に関する工夫もあわせて紹介します。 CDN上のjQueryライブラリの活用 WordPressには、元々jQueryライブラリがバンドルされており、それが自動的に読み込まれるようになっています。このjQueryライブラリは、WordPressをインストールしたサーバから読み込まれます。 この代わりに、高速なCDN上に配置されたjQueryライブラリを読み込むようにします。以下がそのコードです。利用中のWordPressテーマのfunctions.phpに追記します。 //管理画面では内蔵のjQueryサイト側ではGoogle AJAX Libraries API function load_cdn() { if ( !is_admin
![[試] サイト表示速度を高速化する方法 | WordPress jQuery読み込み位置の最適化 | 試行錯誤ライフハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/712ba71a86a188beb0ab0bfbfce2dd964ffb7b74/height=288;version=1;width=512/https%3A%2F%2Fmarubon.info%2Fwp-content%2Fuploads%2Fmethod-speed-up-display-of-web-site-with-wordpress-jquery-load-position-optimization-01.png)
スマホで"横から出てくる"メニュー作れるjQueryプラグイン「Sidr」の使い方！かんたんに実装できる上にサクサク動く！
こちらが新テーマの記事ページ。上のバーの右側の水玉アイコンをタップするとメニューが開く仕掛けにしてあります。 タップするとこのように右から「にゅっ」とメニューが出てくるように。それほど動きがカクつかないので満足。上の「MENU」というところか「閉じる」をタップすればメニューを閉じる仕様に。 また、最初からCSSも付いてくるので文字を入力するだけでそれなりにカッコイイメニューを作ることが可能です。 「Sidr」実装方法・使い方 <script src="javascripts/jquery.js"></script> <script src="javascripts/sidr/jquery.sidr.min.js"></script> <link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css"
WordPressやJavaScript、CSSなどのスニペットを収集しているサイト・wp-mix - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 スニペットコードを収集している Webサイト・wp-mixのご紹介です。 wpとありますが、WordPressに留ま らず、PHPやJavaScript、CSSなど のスニペットも集めているみたい。 まだ増えるそうです。 スニペット紹介サイトです。この手のサービスは何個あっても困らないですね。被るのが難点ではありますが・・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
