Google PageSpeed'i düzəldin. Yuxarıdakı qatdakı məzmunda render-bloklama JavaScript və CSS-i silmək

Javascript və CSS-in bloklanmasını göstərin

Google PageSpeed ​​[1] testi Yuxarıdakı qatdakı məzmunda göstərməli JavaScript və CSS-ni silmək HTML-lərin tam yüklənməsindən sonra saytınızın JS və CSS fayllarını təqdim etməyi təklif edir və bu səbəbdən HTML yükləmə onları yükləmək üçün.

Göstəricini bloklayan skript tərifi: Tam HTML DOM təhlil olunmadan yüklənmiş skriptlər. Məsələn, brauzerlər üçün skript yüklənməsini HTML boyasından sonra təxirə salmaq üçün hər hansı bir xüsusi təlimat olmadan başlığa və ya məzmuna daxil olan skriptlər.

Qatlamanın yuxarıdakı məzmunda göstərilməsini bloklayan JavaScript və CSS-i aradan qaldırın: onu necə düzəldəcəyinizi göstərin

1. Xarici bir sistem veb saytınızı sizin üçün optimallaşdırsın
   
2. Görünüşü bloklayan mənbələri aradan qaldırmaq üçün lazım olan üç optimallaşdırma daxil olmaqla, sizin adınızdan bütün mümkün optimallaşdırmaları həyata keçirəcək bir CDN istifadə edin:
   
3. Javascript fayllarının yüklənməsini təxirə salın
   
4. HTML yükləndikdən sonra CSS yükləyin
   
5. Bir WordPress plaginindən istifadə edin
   

Göstəriciləri bloklayan mənbələri aradan qaldırmaq üçün lazımlı bir çox optimallaşdırma var və bunları özünüz tətbiq etmək yorucu ola bilər - üstəlik Chrome LightHouse və Google PageSpeed-ə daxil olan yeni səhifə sürət testləri arasında daima yeni testlərə baxmalı olacaqsınız.

Məsələ veb saytın məzmunu və yalnız Javascript və CSS kimi daxil edilmiş mənbələrin yüklənmə sırasını nəzərdə tutan DOM ilə əlaqəli olduğundan htaccess kodundakı göstəriciləri bloklayan mənbələri aradan qaldırmaq üçün mövcud bir həll yolu yoxdur. Bunlar Htaccess-də deyil, yalnız HTML DOM məzmunda tetiklenebilir.

Bu məsələləri masa üstü üçün həll etsəniz, eyni zamanda hər ikisi eyni olduğu üçün mobil telefonlar üçün göstərilən bloklayıcı mənbələri aradan qaldıracaqsınız!

Did you know that you can even have all these steps executed automatically for you by using an external Sayt sürət sürətləndiricisi technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Javascript sənədlərinin yüklənməsini təxirə salın

JS fayllarınızın yükünü gecikdirmək üçün [2], skript linklərinizə async və ya gecikmə təlimatı əlavə edə bilərsiniz. Async eyni ardıcıllıqla yüklənməsinə zəmanət verməyəcək - buna görə də, bir-birinizin ardınca birdən-birə ardıcıllıqla işləməyinizə imkan verən bir neçə skriptiniz varsa, ardıcıllığı təmin etmək daha yaxşıdır:

HTML yükləndikdən sonra CSS-i yükləyin

Tam HTML verildikdən sonra CSS-nin yüklənməsinə görə, Google bu kod parçasını HTML-nin sonunda, məsələn alt-üst dolama etiketi və cəsədin bağlanma etiketindən əvvəl əlavə etmək üçün təklif edir:

Veb saytınızı optimallaşdırmaq üçün istifadə olunmamış CSS kodunu, veb dizaynında bilikləriniz yoxdursa, yorucu ola biləcək bir əməliyyatın aradan qaldırılması üçün də yaxşı bir fikirdir. Veb saytınızı özünüz yaratmamısınızsa, məsələn, ezoic sıçrayış kimi istifadə olunmamış CSS kodunu, məsələn, ezoic sıçrayışları kimi istifadə olunmamış CSS kodunu, ezoic sıçrayışının, ezonun (və tamamilə pulsuz) versiyasının Sürət sürətləndiricisi.

Google sayt sürət testindən keç!

Bu,  Google PageSpeed   ​​[1] testini ləğv etmək üçün icazə verdilər. Web-saytdakı yuxarıdakı qatqı tərkibində (Leverage brauzeri caching [4] ilə birlikdə) göstəriciləri maneə törətmək JavaScript və CSS'yi mobil telefondan 51 Şəkil 1-dən 72-ə (Şəkil 2) və masaüstünden 59-dan (şək. 3) 79-a qədər (Şəkil 4).

WordPress-də render-maneə resurslarını necə aradan qaldırmaq olar?

WordPress-də render-maneə resurslarını aradan qaldırmaq üçün, JetPack kimi bir plugin qurmaq lazımdır.

Daha sonra, administrator olmalısınız və JetPack variantları> Yazma> Performans və Sürət> seçimini sürətləndirməni aktivləşdirin, yükləmə müddətlərini sürətləndirin, statik fayl yükləmə müddətlərini sürətləndirin və tənbəl yükləmə üçün imkanlara keçin. şəkillər.

SEO əsaslarını öyrənin: Bu gün qeydiyyatdan keçin!

SEO-nun əsaslarını asan izlənilən əsaslar kursu ilə mənimsəməklə veb saytınızın görünmə və trafikini artırın.

SEO öyrənməyə başlayın

Bu, JetPack-in şəkillərinizi optimallaşdırmasına və şəkillərinizin və statik fayllarınızı (CSS və JavaScript kimi) onların qlobal serverlər şəbəkələrindən təmin etməyə imkan verərək, WordPress-də render-maneə resurslarını aradan qaldıracaq və daha sürətli yüklənəcəkdir.

Ayrıca, tənbəl bir yük funksiyasından istifadə edərək ekrandan kənarda yükləmə şəkillərini təxirə salmağı unutmayın. Çətin və xarici bir kitabxananı yükləmə şəkillərini skriptdən təxirə salmaq üçün istifadə edərkən, hazırda hazırda HTML5-də mümkündür!

Veb saytlarınızdakı tənbəl yüklənməsini həyata keçirmək üçün, veb saytlarınızın xüsusiyyətlərinin atributları atributlarına tənbəl dəyərləri əlavə edin və son brauzerlər bu görüntülərin yalnız göstərildiyi təqdirdə tələb olunarsa və yüklənməlidirlər görüntü yerləri.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

Bunun üzərinə, tənbəl yükləmə də IFrames ilə işləyir və veb səhifələrinizdən tıxanan qaynaqları aradan qaldırmaq üçün vacib bir tətbiqdir.

Tıxanma mənbələri, əsas məzmunun ardından yükləmək üçün təlimatlara sahib olduqda, HTML Dom, Google Lighthouse testində, səhifə sürət anlayışları testində və ya Google Core Vitals-da çox xal qazanacaqsınız.

Xarici bir sistem veb saytınızı sizin üçün optimallaşdırın

Saytınızın çox səy göstərmədən, bütün  Google PageSpeed   ​​məsələlərini sizin adınızdan həll edə biləcəyinizi bilirsinizmi - pulsuz sınaq üçün qeydiyyatdan keçmək və DNS dəyişdirməkdən başqa?

Ezoic platforması Site Speed ​​Accelerator texnologiyasından istifadə edərək, bütün adi  Google PageSpeed   ​​problemləri veb saytınız və ziyarətçilər arasında vasitəçi olacaq sistemlər tərəfindən həll ediləcəkdir. Veb səhifəni ziyarətçinizə göstərmədən əvvəl onu optimallaşdıracaqlar.

Sadəcə Ezoic platformasında pulsuz bir sınaq üçün qeydiyyatdan keçərək yaşıl olun və özünüzü sınayın - onlar veb saytlarınızı bir neçə gün ərzində səhifə sürətinin optimallaşdırılmasının ən yüksək standartlarına çatmasına kömək edəcəklər: sonrakı nəsil veb təsvirlərini göstərin, istifadə olunmamış CSS-i silməklə CSS və JavaScript-ni optimallaşdırın. və JS, tənbəl şəkilləri yükləyin, şəkilləri boyutlandırın, sayt səhifələrinizi önbelleğe keçirin, şriftləri optimallaşdırın, daxil edilmiş bütün saytlara əvvəlcədən qoşulun və daha çox.

Kredit kartı tələb olunmur - sadəcə olaraq pulsuz qeydiyyatdan keçmək və sınamaq lazımdır. Üstəlik, veb saytınız görüntülü reklamlardan pul qazanırsa, veb saytınızı daha sürətli etməkdən əlavə, maşın reklamı və inkişaf etmiş süni intellekt ilə reklamlarınızı optimallaşdıraraq Google AdSense ilə müqayisədə bir neçə qat daha çox pul qazandıra bilər.

Tez-Tez Verilən Suallar

Yuxarıdakı the-the-the-the-the-the-the-the-CSS-ləri aradan qaldırmaq olar?

Yuxarıdakı the-CSS-ləri və CSS-ni yuxarıdakı məzmun üçün aradan qaldırmaq üçün, HTML-nin tam yükləndikdən sonra saytınızın JS və CSS sənədlərinin yüklənməsini təmin etməlisiniz. Bu faylları yükləmək üçün HTML yükləmə prosesini dayandırmamaq deməkdir. Async və ya təxirə salınmış atributu ilə JavaScript sənədlərini təxirə sala bilərsiniz və CSS üçün HTML-dən sonra onu yükləmək üçün xüsusi koddan istifadə edə bilərsiniz. Ezoic kimi xarici bir optimallaşdırma sistemi də bunu avtomatik idarə edə bilər.

Veb tərtibatçıları Google Pages

Veb tərtibatçıları JavaScript və CSS üçün asinxron yükləmə, kritik CSS-lər üçün asinxron yükləmə, birbaşa HTML-də, kritik olmayan CSS və JavaScript fayllarının yüklənməsini təxirə salınaraq saytlarını optimallaşdıra bilərlər. Bu strategiyaların həyata keçirilməsi yükləmə vaxtlarını və səhifələrdən istifadə puanlarını əhəmiyyətli dərəcədə yaxşılaşdıra bilər.

Mükəmməl xrom mayak bal: Nə olur?