Clever Geek Handbook

ページの読み込み時間に影響する5つの一般的な開発者の間違い

あなたのサイトは遅すぎますか？次に、この問題を解決するために何らかのアクションを実行する時が来ました。そうでない場合でも、ページの読み込み時間に影響を与える開発者のミスを知りたいと思うかもしれません。





ページの読み込み時間が重要なのはなぜですか？

ページの読み込み時間は、サイトのパフォーマンスに直接関係しています。





ロードに3秒以上かかる場合、訪問者がサイトにアクセスする前に、訪問者の半分を失うことになります。





  • 可視性-Googleは、検索結果でランク付けするときにページの読み込み時間を考慮します。したがって、サイトの読み込み時間は、ユーザーがインターネット上でサイトを簡単に見つけることができるかどうかに影響します。





  • 変換-ページの読み込みが速いほど、より多くのユーザーがサイトを操作します。遅いサイトはコンバージョンを殺します。Webページの読み込みに時間がかかる場合、潜在的な顧客はサイトの使用やアクションコール（CTA）のフォローに消極的になります。これにより、欲求不満のユーザーが製品を購入したりサービスを使用したりせずにサイトを離れることになります。





  • 使いやすさ-読み込み時間が短いほど、ユーザーはより満足します。その結果、顧客維持率が高くなります。





, , HubSpot.





  • Yahoo 0,4 , 9%.





  • 1 Amazon 1,6 .





  • 2- Bing 4,3% , 3,75% 1,8%.





, , .





, ,

. , .





1. HTTP-

HTTP- , , . , , Network .





4 8. , .





, Yahoo, , 80% HTTP-. 





, HTTP-:





  • CSS / JS - CSS, JS , . CSS , CSS .





  • , - , . . , , , , , .





  • - , . , HTTP- . .





  • HTTP/2 . HTTP/2 , . , .





2. CDN

- CDN, , . , HTTP- .





CDN .





CDN , -, , . CDN . , .





, , CDN .





CDN TTL .





CDN ?





. , , CDN, .





, CDN , . , .





: Bit (Github).





, , , .





Bit Node, TypeScript, React, Vue, Angular .





3.

- . .





.





- . Gzip. . - Gzip.





, Brotli, .





HTML CSS 50% 70% , .





, , .





4.

HTML, CSS JS , , .





JS .





JavaScript - JS . , - JS-.





HTML, JS- (defer.js) </body>



.





<script type="text/javascript">
 function downloadJSAtOnload() {
   var element = document.createElement("script");
   element.src = "defer.js";
   document.body.appendChild(element);
 }
 if (window.addEventListener)
   window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
   window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;
</script>

: «, , defer.js».





5.

, . , HTTP-. . Google , , , .





, Screaming Frog, . , .





, :





  • -





  • -





, -.





, ? , , .





- , Google Pagespeed Insights, Pingdom, YSlow .. , .





, .





, , .







More articles:


All Articles