ホーム 経験・テクニック共有 標準記事

標準記事

WordPress最適無料CDN:jsDelivr + Github

皆さんこんにちは、私は雷鋒哥です。最近、雷鋒哥のブログを低品質なホストに構築したため、レイテンシが非常に高くなっています。ICP备案がないため、国内のCDNは使えず、「cloudflare」の無料CDNを試しましたが、効果はあまり良くありませんでした。その後、jsDelivr + Githubが最適な無料CDNであることがわかりました。 jsDelivrの紹介 j…

2019年12月21日更新 約4分で読めます
WordPress最佳免费CDN:jsDelivr + Github

皆さん、こんにちは。私はLeifeng-geです。最近、Leifeng-geのブログは性能の低いホスト上に構築されており、レイテンシが非常に高くなっています。中国国内での登録(ICP)がないため、国内のCDNを利用できません。「cloudflare」の無料CDNを試しましたが、効果はあまり理想的ではありませんでした。その後、jsDelivr + Githubこそが無料で最高のCDNであることに気づきました。

jsDelivr紹介

jsDelivrは、数千種類のJavascript、CSSなど、1650以上のライブラリを高速化する無料CDNサービスを提供しており、Github、WordPress、NPMへの無料CDN高速化をサポートしています。さらに、中国国内にもCDNノードがあり、速度は非常に高速です。

jsDelivr公式:https://www.jsdelivr.com/

Github紹介

Githubは現在最も使いやすい無料のオープンソースプロジェクトホスティングサイトであり、多くのオープンソースプロジェクトがGithubにホストされています。現在、GithubはMicrosoftに買収されました。

Github公式:https://github.com/

jsDelivr + Github を利用して WordPress を無料で高速化

1. Github アカウントを登録

2. 新しいGithubリポジトリを作成し、Repository name:リポジトリ名を入力し、「Create repository」をクリックして作成を開始します。

3. 「Upload files」をクリックして、CDN化したいファイル(CSS、JS、画像など)をアップロードします……

4. リポジトリをリリースし、「release」をクリックしてリリースし、カスタムリリースバージョン番号を入力します。

5. jsDelivr を使用してリソースを参照する

https://cdn.jsdelivr.net/gh/あなたのユーザー名/あなたのリポジトリ名@リリースされたバージョン番号/ファイルパス

例:https://cdn.jsdelivr.net/gh/woshileifeng1/wordpresscdn@1.0/aplayer.min.js

バージョン番号で区別する必要がない場合は、直接次のようにすることもできます:

https://cdn.jsdelivr.net/gh/woshileifeng1/wordpresscdn/aplayer.min.js

6. 次に、CDN化したCSSやJSなどのファイルのアドレスを、すべてテーマ内に置き換えます。

7. テーマのヘッダーファイルに <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> を追加して、DNSをプリフェッチし、解析を高速化できます。

GitHub+jsDelivr+PicGoで無料画像ホスティングを構築

1. 新しいgithubリポジトリを作成し、画像のアップロード専用とします。

2. Access tokenを生成する

3. PicGoソフトウェアをダウンロード:https://github.com/Molunerfinn/picgo/releases

4.先ほどGitHubで作成した情報を入力し、保存先フォルダのパスを指定します。PicGoがファイルをアップロードする際、自動的にGitHubリポジトリ内にこのフォルダが作成されます。

カスタムドメイン:https://cdn.jsdelivr.net/gh/ユーザー名/画像保存リポジトリ名

5. 画像のアップロードを開始できます。画像をアップロードした後、自動的に画像リンクがクリップボードにコピーされます。

まとめ

このような無料CDNは少々手間がかかりますが、無料であることに加え、画像ホスティングとしても利用でき、ホストのトラフィックを節約できます。さらに、jsDelivrとGithubはどちらも大手企業なので比較的安心です。いじり倒すのが好きな方は、サイト全体をGithub上に置き、プラグイン「WP Super Cache「内のCDN機能を使って静的リソースを処理します。ここではデモを行いませんので、興味があれば自分で試してみてください。

最後に、このような手間をかけたくない場合は、この記事をご覧ください #サイトがCDN加速を使用しているかどうかを判断する最も簡単な方法_無料CDNサービスおすすめ

5/5 - (5 votes)
前の記事 WordPressバックアップ・復元プラグインAll-in-One WP Migration使用チュートリアル 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 WordPressサイトでYouku、iQIYIなどの動画を引用する方法_https対応 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: