Google-ийн PageSpeed-ийг засахдаа дээр нь буулгахыг хориглох JavaScript ба CSS дээрх агуулгыг устгах

Javascript ба CSS-ийг хориглох асуудлыг шийдвэрлэх

HTML Page ачаалал [1] тест Ивээн тэвчих-хориглох JavaScript болон CSS-ыг дээрх контентоос хасах нь HTML бүрэн ачаалагдсаны дараа таны сайтын JS болон CSS файлуудыг танд хүргэхийг санал болгож байна. Тиймээс HTML ачааллыг түр зогсоо тэдгээрийг татаж авах.

Render-blocking скриптийн тодорхойлолт: Бүрэн HTML DOM задлахаас өмнө ачаалагдсан скриптүүд. Жишээлбэл, толгой ба агуулга дотор багтсан скриптүүд, хөтөч нарт зориулсан скрипт ачааллыг HTML будаг болтол хойшлуулах зааварчилгаагүй.

Хадгалагдсан JavaScript болон CSS-ийг хавтаснаас дээш агуулгаар арилгах: үүнийг хэрхэн засахаа харуул

1. Вэбсайтаа гадны системээр оновчтой болгох
   
2. Таныг төлөөлж бүх боломжит оновчлолыг хийх CDN-ийг ашиглаарай, үүнд рендер хийхийг хориглох нөөцийг арилгахад шаардлагатай дараах гурван оновчлолыг оруулна уу.
   
3. Javascript файлуудыг ачаалах хугацааг хойшлуул
   
4. HTML ачаалсны дараа CSS-ийг ачаална уу
   
5. WordPress залгаасыг ашиглана уу
   

Хадгалахыг хориглосон нөөцийг арилгахад шаардлагатай олон оновчлолууд байдаг бөгөөд үүнийг өөрөө хэрэгжүүлэхэд уйтгартай байж магадгүй тул Chrome LightHouse болон Google PageSpeed-т багтсан шинэ тестүүдийг бусад хуудасны хурдны туршилтуудаас байнга хайж олох хэрэгтэй болно.

Асуудал нь вэбсайтын агуулга, агуулагдсан Javascript, CSS гэх мэт нөөцийг ачаалах дараалал гэсэн утгатай DOM-той холбоотой тул htaccess кодонд үзүүлэхийг хориглох нөөцийг арилгах шийдэл байхгүй байна. Эдгээрийг Htaccess дээр өдөөх боломжгүй, гэхдээ зөвхөн HTML DOM агуулгад оруулах боломжтой.

Хэрэв та эдгээр асуудлыг ширээний компьютер дээр шийдсэн бол хоёулаа яг адилхан тул гар утсанд үзүүлэхийг хориглох нөөцийг арилгах болно!

Did you know that you can even have all these steps executed automatically for you by using an external  Сайтын хурд хурдасгуур   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 файл ачаалах хугацааг хойшлуулах

Таны JS файлуудыг ачаалахын тулд [2], та скриптийн холбоосууд дээрээ async-г нэмэх эсвэл заагаагүй зааврыг нэмж болно. Async нь тэдгээрийг ижил дарааллаар дуудаж байгааг баталгаажуулахгүй - тиймээс хэрэв танд нөгөө нэгийг нь ажиллуулах хэд хэдэн скриптүүд байвал тэдгээрийг дараалал нь баталгаажуулах нь зүйтэй:

HTML ачаалсны дараа CSS-ийг ачаална уу

Бүрэн HTML дамжуулагдсаны дараа CSS-г ачаалахын тулд Google таны [3] кодыг [3] санал болгож байна, жишээ нь, footer closing tag ба body closing tag-ээс өмнө:

Вэб дизайны талаархи мэдлэггүй бол unis invers-ыг ашиглах боломжтой бөгөөд энэ нь Вэб дизайны мэдлэггүй бол төвөгтэй бус үйлдлийг арилгах нь зүйтэй юм. Хэрэв та вэбсайтаа бүтээгээгүй бол өөрийнхөө анхны сайт дээрх EZOIC-ийн хуудсан дээрх, ezoic-ийн шинэ системийг ашиглахын тулд ezoic overice-ийг ашиглахын тулд PERICE-ийн хуудсан дээр ашиглах нь илүү ухаалаг байж магадгүй юм Хурд хурдасагч.

Google-ийн сайтын хурдны шалгалтанд тэнцээрэй!

Энэ нь намайг Google PageSpeed ​​[1] тестийг арилгах боломжийг олгосон бөгөөд энэ нь вэбсайт дээрх хөдөлгөөнт вэбсайт дээр 51-ээс дээш гарч ирснийг (Лушен браузерын кэш [4] дээр) Зураг 1) хүртэл 72 (Зураг 2), 59-р зураг (Зураг 3) хүртэл 79 хүртэл зураг (Зураг 4).

WordPress дээр рейтинг хоригийг хэрхэн устгах талаар

WordPress-д хаалт хийх нөөцийг устгахын тулд JetPack гэх мэт залгаасыг суулгах шаардлагатай байдаг.

Дараа нь тохиргоонд очих оператор байх ёстой ба JetPack тохиргоонууд> Бичлэг> Гүйцэтгэл болон хурд> шалгах нь сайтын хурдасгагчийг идэвхжүүлж, зураг ачаалах хугацааг хурдасгаж, статик файл ачаалах хугацааг хурдасгаж, залхуу ачааллыг идэвхжүүлэх боломжтой болгоно. зурагнууд.

Мастер вэбсайт бүтээх: Одоо элсэх!

Таймс вэбсайтыг өөрийн иж бүрэн вэбсайтаар дамжуулан өөрийн иж бүрдэлтэй байх ёстой.

Энд Бүртгүүлэх

Энэ  нь WordPress   дахь хаалтыг хориглох нөөцүүдийг устгах бөгөөд JetPack-ийг таны видеог оновчтой болгож, өөрийн зургууд, статик файлууд (CSS болон JavaScript гэх мэт) үйлчилгээгээ дэлхийн серверүүдийн серверүүдээс хангаж өгдөг.

Залхуу ачааллын функцийг ашиглан дэлгэцийн зургийг ачаалж болох дэлгэцийг ачаалахаа бүү мартаарай. Энэ нь урьд өмнө нь ачаалахад хэцүү бөгөөд гадаад сангийн зургийг ачаалж, дэлгэцийн зургийг ачаалахад хүргэж болзошгүй бөгөөд одоо HTML5-тэй болох боломжтой юм!

Таны вэбсайт дээрх зургийг ачаалах нь таны вэбсайтыг ачаалж байгаа нь таны вэбсайтыг ачаалж байгаа шинж чанаруудыг ашиглахыг хүссэн бөгөөд энэ зургийг зөвхөн харуулж байгаа бөгөөд хэрэв байгаа бол эдгээр зургийг ашиглахыг хүсч байвал зургийн плотерууд.

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

Үүний дээр, залхуу ачааг нь таны вэб хуудсуудаас санал болгож буй бөгөөд энэ нь таны вэб хуудсуудаас санал болгож буй чухал хэрэгжилт юм.

Гол агуулгын эх үүсвэр нь үндсэн агуулгын дараа ачаалах нь үндсэн агуулгыг ачаалах зааврыг заавраар ачаалах зааврыг дагаж мөрдөх болно.

Танд зориулж вэбсайтаа оновчтой болгох гадаад систем

Google PageSpeed-ийн бүх асуудлыг таны өмнөөс, сайтаасаа маш их хүчин чармайлтгүйгээр шийдвэрлэж чадна гэдгийг та мэдэх үү?

Ezoic платформын сайт Speed ​​Accelerator технологийг ашиглан Google PageSpeed-ийн ердийн бүх асуудлыг тэдний системээр шийдэх бөгөөд энэ нь таны вэбсайт болон зочдын хооронд зуучлагч болно. Тэд вэб хуудсыг зочинд харуулахаас өмнө оновчтой болгох болно.

Ezoic платформ дээр үнэгүй туршиж бүртгүүлээд, ногоон болоорой. Тэд таны вэбсайтыг хэдэн өдрийн дотор хуудасны хурдны оновчлолын хамгийн дээд түвшинд хүргэх болно: дараагийн үеийн вэб хуудасны зургийг гаргаж, ашиглагдаагүй CSS-г устган CSS, JavaScript-ийг оновчтой болгох. болон JS, залхуутай зургийг ачаалах, зургийн хэмжээг өөрчлөх, вэбсайтынхаа хуудсыг кэш хийх, фонтыг оновчтой болгох, оруулсан бүх сайтуудаа урьдчилан холбох гэх мэт олон зүйлийг хийх боломжтой.

Кредит картны карт шаардлагагүй ба зөвхөн та үүнийг үнэгүй туршиж бүртгүүлэх хэрэгтэй. Дээрээс нь танай вэбсайт дэлгэцийн зар сурталчилгаанаас мөнгө олж байгаагаас гадна вэбсайтаа илүү хурдан хийвэл тэд Google AdSense-тэй харьцуулбал машин сурталчилгаа, дэвшилтэт хиймэл оюун ухаан ашиглан зар сурталчилгаагаа оновчтой болгосноор хэдэн дахин илүү мөнгө олох боломжтой болно.

Түгээмэл Асуултууд

Дээрх javascript болон CSS-ийг хэрхэн яаж устгах вэ javascript болон CSS-ийг хэрхэн устгах вэ?

Дээрх javascript болон CSS-ийг устгахын тулд HTML-ийг бүрэн ачаалсны дараа та сайт болон CSS файлуудаа баталгаажуулсны дараа таны сайтын JS ба CSS файлуудыг ачаалах хэрэгтэй. Энэ файлуудыг татаж авахын тулд HTML ачаалах процессыг түр зогсоохгүй гэсэн үг юм. Та javascript файлуудыг асинк эсвэл хойшлуулах эсвэл сүүдэрлэх боломжтой, болон CSS-ийн хувьд, болон CSS-ийн дараа та үүнийг HTML-ийн дараа ачаалахын тулд тодорхой кодыг ашиглаж болно. Ezoic Ezoic гэх мэт гадаад оновчтой системийн систем нь мөн үүнийг автоматаар зохицуулж чадна.

Вэб хөгжүүлэгч Google Pagepeed Pagepeed-ийн зөвлөмжийг арилгахын тулд Javascript болон CSS-ийг устгахын тулд Google Page Page Page-ийн зөвлөмжийг хэрхэн шийдвэрлэх вэ?

Вэб хөгжүүлэгчид Javascript болон CSS файлуудыг ашиглан Javascript болон CSS файлуудыг ашиглан HTML-ийг шууд HTML-т оруулж, шүүмжлэлтэй CSS ба Javascript файлуудыг ачаалж байна. Эдгээр стратегиудыг хэрэгжүүлэх нь ачаалах цаг, пагрезезезийн оноог эрс сайжруулж чаддаг.

Төгс хром гэрэлт цамхагийн оноо: Юу болсон бэ?