最近、友人が私のブログのいくつかの小さな問題を提起しました、私はそれらを1つずつ解決しました、私は何気なくF12が私のブログの読み込み速度を見ました、それは遅すぎます、静的なブログはレンダリングに1秒以上かかります、これは非常に異常です。 ページスピードインサイトツールも期待に沿ったスコアを提供しましたが、最適化されたスコアは正常でした。

ここに使用するのに最適なツールがあります: [ページスピードインサイト] (https://developers.google.com/speed/pagespeed/insights)

これはGoogleのウェブページ検出ツールであり、ウェブサイトの開封速度をすばやくテストし、最適化する必要がある場所を分析するのに役立ちます。 (自信のある人は自分のステーションをテストできます)」

私は61のスコアに非常に不満を持っていたので、最初にVPSのネットワークをテストし、テスト結果はネットワークですべてが正常であることを示しました:

アムドなど、接続が非常に遅い場所はごくわずかで、実際、以前はアムドがどこにあるのかわからず、新疆ウイグル自治区であることが判明しました... ネットワークに問題がないため、コードに問題があります。

最初に読み込み速度を見てみましょう。

この速度は本当に静的なブログの顔を失います、静的は動的な要素なしで、それは速いはずです。

それからヘキソネクストマジックを変えてスピードを2倍にしました。

私がしたことについて話しましょう。

1. ホームページの画像はある程度圧縮されており、だいぶ変わっているようですが、サイズは2倍以上になっています。

2. jsスクリプトをより高速なCDNアクセラレーションに変更します, 私の以前のコメントシステムのように valine 以前にunpkgによって配布されました, しかし、速度は非常に緊急です, 基本的にロードに500msかかります, CDNを変更した後、17ミリ秒しか必要ありません, これはギャップです.

3.次のテーマのアニメーションを調整し、ホームページアニメーションJSレンダリングをキャンセルし、時間を大幅に節約しました。

太字はこの記事のポイントです。

圧縮できるものはすべて圧縮加速できるものはすべて高速化**不要なものをすべて削除します

-EOF