رفع سرعت صفحه گوگل حذف رندر-مسدود کردن جاوا اسکریپت و CSS در محتوای بیش از حد

رفع سرعت صفحه گوگل حذف رندر-مسدود کردن جاوا اسکریپت و CSS در محتوای بیش از حد [فارسی]

تست Google PageSpeed ​​[1] "حذف رندر مسدود کردن جاوا اسکریپت و CSS در محتوای سطحی بالاتر" پیشنهاد می کند که فایل های JS و CSS سایت شما بعد از اینکه HTML به طور کامل بارگذاری شد ارائه شود - بنابراین، بارگذاری HTML خود را متوقف نکنید آنها را دانلود کنید.

برای بارگذاری فایل های JS شما [2] شما می توانید async یا اضافه کردن دستورالعمل به لینک های اسکریپت خود را اضافه کنید. Async تضمین نمی کند که آنها به همان ترتیب بارگذاری شوند - بنابراین اگر شما چندین اسکریپت داشته باشید که باید یکی پس از دیگری اجرا شود، ترجیح دادن بازخوانی ترجیح داده می شود تا ترتیب را تضمین کنید:

<script defer type="text/javascript" src="./js/mootools-more-1.4.0.1.js"></script>

برای اینکه CSS پس از انتقال کامل HTML کامل بارگذاری شود، گوگل [3] این قطعه کد را برای اضافه کردن در انتهای HTML خود، به عنوان مثال پس از بستن تگ پایینی و قبل از بستن تگ، پیشنهاد می کند:

</footer>
    <script>
      var cb = function() {
        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = './style.css';
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(cb);
      else window.addEventListener('load', cb);
    </script>
</body>

این اجازه داد که من آزمون Google PageSpeed ​​[1] را منتقل کنم. از بین بردن رندرینگ-مسدود کردن جاوا اسکریپت و CSS در محتوای بالاتر (همراه با دست کشیدن مرورگر Leverage [4]) در یک وب سایت، از 51 نمره در تلفن همراه ( شکل 1) 72 (شکل 2)، و از 59 (شکل 3) تا 79 روی دسکتاپ (شکل 4).

چگونگی حذف منابع رندر-مسدود کردن در وردپرس

برای از بین بردن منابع مسدود کردن رندر در وردپرس، لازم است یک افزونه مانند JetPack نصب شود.

سپس به گزینه هایی بروید که برای آن شما باید یک مدیر باشید و به گزینه های JetPack> Writing> Performance and Speed ​​بروید. چک کنید Enable accelerator site، سرعت بار بارگذاری تصویر را افزایش دهید، سرعت بار بارگذاری فایل را افزایش دهید، و بارگذاری تنبل را برای تصاویر.

این باعث می شود که منابع رندر سازی شده در WordPress و صفحات بارگذاری سریعتر با اجازه دادن به JetPack برای بهینه سازی تصاویر شما و ارائه تصاویر و فایل های استاتیک (مانند CSS و جاوا اسکریپت) از شبکه جهانی سرورها، از بین بروند.

نحوه حذف رندر-مسدود کردن جاوا اسکریپت و CSS در وردپرس

مقالات مشابه


نظرات (11)

Louise Cooper, 2018-08-19
Любовь, читающая ваш контент, продолжайте публиковать
Monica Lindsey, 2018-08-19
Así que así es como lo hacemos, es genial saber
Van Santiago, 2018-08-19
Ótimo, é exatamente isso que eu estava procurando, agora estou pronto
Dwayne Peters, 2018-08-19
당신의 내용을 읽는 것을 좋아하고, 계속 게시하십시오.
Leo Cannon, 2018-08-19
น่าอัศจรรย์ตอนนี้ก็ถึงเวลาที่ฉันจะลอง!
Lawrence Rogers, 2018-08-19
Don’t know how to thank you, but that is pure genius, thanks
Ludanulema, 2018-08-19
Բարեւ, ես տեսա ձեր հոդվածը, եւ դա օգնեց ինձ լուծել խնդիրը, շնորհակալություն
animeg2Q, 2018-08-19
سأحاول ذلك الآن ، شكرًا على المشاركة
Gasfackele, 2018-08-19
To pro mě dobře fungovalo, není třeba se dívat dál
utumikaji0, 2018-08-19
Hej, jag såg din artikel och det hjälpte mig att lösa mitt problem, tack så mycket
quranapk, 2018-12-31
Любовь, читающая ваш контент, продолжайте публиковать

پیام بگذارید