Бусад зүйлсийн дотор JavaScript нь гуравдагч талын хүчирхэг хэрэгслүүд болон интерактив хуудасны элементүүдийг идэвхжүүлдэг. Асуудал нь энэ нь HTML кодыг задлан шинжлэхийг хааж байгаа явдал юм.
Хэрэв та “JavaScript-н дүрслэлийг хориглохыг арилга” гэсэн алдааны мессежийг харвал энэ нь дээр дурдсан хуудасны хэсгийг ачаалах процессыг түр зогсоож байгаа JavaScript кодын хэсэг байна гэсэн үг юм. Ялангуяа гуравдагч талын скриптүүд энэ асуудлыг хариуцах магадлалтай.
Бид асуудлыг гурван аргаар шийдэж чадна:
- Ачаалах процесст чухал биш скриптүүдийг хуудсыг “бүгдээр нь буулгасны” дараа зориуд хойшлуулж, татаж авч, гүйцэтгэх ёстой.
- Синхроноор ачаалагддаг скриптүүдийг синхроноор ачаалдаг скриптүүд дээр ашиглах ёстой. Синхрон скриптүүд нь хуудас ачаалах процессыг түр зогсоодог бол асинхрон скриптүүд нь хөтчид бусад элементүүдийг нэгэн зэрэг ачаалах боломжийг олгодог.
- Хөтөчөөс хийх хүсэлтийн тоог багасгахын тулд скриптийг доторлуулж, жижиг гадаад JavaScript нөөцүүдийг HTML баримт бичигт шууд оруулах талаар бодож үзээрэй.
Хөтөчийнхөө кэшийг ашиглаарай
Кэш нь хөтөч нь гарчиг, навигаци, лого гэх мэт саяхан ачаалагдсан зарим элементүүдийг “санах” боломжийг олгодог. Хөтөч Гар утасны дугаарын жагсаалтыг худалдаж аваарай хэдий чинээ их зүйлийг кэш хийх тусам хэрэглэгч хүсэлт гаргах үед ачаалах зүйлс бага байх ба эцсийн дүндээ хуудас хурдан ачаалагдах болно.
Google хамгийн багадаа нэг долоо хоног үргэлжилдэг кэшийн бодлогыг санал болгодог бөгөөд үндсэндээ өөрчлөгдөөгүй зүйлсийн хувьд нэг жилийг илүүд үздэг.
Зургийг оновчтой болгох
Блогын нийтлэлд Google-ийн шалгагчид зураг нь хуудасны хурдад ямар аюул занал учруулж байгааг онцлон тэмдэглэв. “Фавиккон, лого, бүтээгдэхүүний зураг зэрэг график элементүүд нь хуудасны нийт жингийн гуравны хоёрыг хялбархан эзэлдэг.”
Энэ тохиолдолд хуудас ачаалах хугацаа, ялангуяа хөрвүүлэх хурдад үзүүлэх нөлөө асар их байна. Судалгаанаас үзэхэд зочдыг хөрвүүлсэн хуудсууд хөрвүүлээгүй хуудаснаас 38%-иар бага зураг агуулсан байна.
Аз болоход, зургийг оновчтой болгоход хялбар байдаг. PNG-г JPEG зургийн файлаар солих нь хуудасны хэмжээ болон ачаалах хугацааг хялбархан өөрчлөх боломжтой. Мөн Google-ийн Guetzli болон Zopfli зэрэг зургийн компрессорууд .
Гэхдээ тэдгээрийг ашиглахаасаа өмнө таны хуудсанд оруулсан бүх зураг үнэхээр хэрэгтэй эсэхийг өөрөөсөө асуугаарай. Тэд үнэхээр нэмүү өртөг мөн үү эсвэл тэдэнгүйгээр хийж чадах уу? Хэрэв хариулт нь сүүлчийнх бол өгөгдөл, цагийг хэмнэхийн тулд тэдгээрийг бүрмөсөн хая.
Google PageSpeed Insights ашиглан хаана байгаагаа хараарай
Таны Google PageSpeed Буркина Фасо тэргүүлж байна Insights оноо хэд вэ? Та санал болгож буй 85%-д хүрсэн эсвэл хэтэрсэн үү?
Хэрэглэгчийн илүү сайн туршлагыг cz тэргүүлдэг бий болгох, товшилтын дараах туршлагыг сайжруулахын тулд бидний энэ нийтлэлээс эхэлснээр богино хугацаанд таны вэбсайт органик зочлолтыг нэмэгдүүлэх болно.
[ instapage.com -оор дамжуулан ]
Жич: Хэрэв танд энэ нийтлэл хэрэгтэй санагдаж, илүү ихийг мэдэхийг хүсвэл манай платформ болох 200 гаруй практик сургалттай Studio Samo Pro програмыг үнэгүй туршаад үзээрэй .