Вэбсайтад зориулсан Google PageSpeed ​​модуль: энэ нь юу хийж чадах, хэрхэн ашиглах талаар

Бид туршилт хийж, Google-ийн хурдасгуурыг гурван төсөлд нэмэхээр шийдсэн. Үүнээс юу гарсныг олж мэдье.

Вэбсайтууд шууд ачаалагдах ёстой. Өө үгүй ​​ээ, сайтууд хэнд ч өргүй гэж үү? Троллейбусанд ороод iPhone утас бариад сууж байгаа оюутны хажууд суу. Тэр онлайн дэлгүүр ачаалахыг хүлээхэд бэлэн байгаа эсэхийг хараарай. Үүнийг ингэж хэлье: гурван секундын дараа таб хаагдана. Хайлтын үр дүнгийн дараагийн үр дүнг ашиглана.

Дашрамд хэлэхэд хайлтын үр дүнгийн талаар. Вэбсайтыг ачаалах хурд нь хайлтын системийн зэрэглэлд нөлөөлдөг. Нотолгоо ба . "Удаан" сайтууд нь роботуудаар зочлох нь бага байдаг тул индексжүүлэх магадлал бага байдаг. Энэ нь хайлтын үр дүнгийн байршил, шаардлагатай мэдээллийг олоход хялбар байдалд нөлөөлдөг.

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

- Мэтт Каттс, Google

Google шаргуу ажиллаж, хурд шалгах хэрэгсэл болох PageSpeed-ээ гаргасан. Ачааллыг удаашруулж буй элементүүдийг олоход хялбар байдаг - руу очно уу эндмөн цорын ганц талбарт бид таны шалгахыг хүссэн хаягийг зааж өгнө. Гүйцэтгэлийн нарийвчилсан тайлан минутын дотор бэлэн болно. Үр дүн нь тоть дээр харагдах болно. Хамгийн тохиромжтой нь тэдний зуу нь байдаг, гэхдээ үүнд хүрэхийг хичээ! Google ч өөрөө үүнийг хийж чадахгүй: үйлчилгээгээ шалгаарай :)

Туршилтыг ширээний болон компьютерийн аль алинд нь явуулдаг гар утасны хувилбарсайт. Өнгөний хуваарийн дагуу шилжих нь дээр: шар бүс нь оновчтой болгох шаардлагатай элементүүд байгааг, ногоон бүс нь бүх зүйл хэвийн байгааг илтгэнэ. Хэрэв сайт улаан бүсэд байгаа бол хурдыг нэмэгдүүлж, оновчтой болго. Үгүй бол өмнө нь ангал байна: хуудсыг ачаалах үед хэрэглэгч аль хэдийн өөр сайт руу очсон байх болно :)

Вэбсайтаа оновчтой болгох хоёр арга бий.

Гараар оновчтой болгох

1. Бид зургуудыг Photoshop ашиглан шахаж эсвэл ажиллуулдаг Optimizilla, Жишээ нь

Зураг нь жижиг байх тусмаа шаалууд их байх тусам сайт хурдан ачаалагдана. Бид шахалт хийдэг, муурны доор олон мегапикселийн зургийг нуудаг. 640x480 урьдчилан үзэхэд хангалттай. Жижиг зураг нь илүү хурдан вэбсайт гэсэн үг юм.

Гарааны шугам дээр ч гэсэн Google хуудасХөгжүүлэгчдийн графикийг 71% шахах боломжтой.

2. Бид фонтыг сайтаас өөрөө холбодог бөгөөд Google фонтоос татаж авдаггүй

Сул тал нь хөтөч фонтыг ачаалах хүртэл хэрэглэгч уйтгартай Arial эсвэл Tahoma-г харах болно.

3. Хөтөчийнхөө кэшийг хамгийн их ашиглаарай

Сайтыг үйлчлүүлэгч аль хэдийн хэсэгчлэн хадгалсан бол ачаалах нь илүү хурдан болно.

4. JavaScript болон CSS-ийг багасгах

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

5. HTML товчлол

Практикт нэмэлт зай, таб, мөрийн тасалдлыг арилгах.

6. Ашиглагдаагүй кодыг устгана уу

Та Chrome-д суулгасан аудитыг ашиглаж болно. F12 товчийг дараад Аудит таб руу очно уу. Доод талд нь нэг Run товчлуур байна. Энэ нь PageSpeed-тэй үндсэндээ ижил зүйл хийдэг. Зөвхөн бодит цаг хугацаанд.

Автомат оновчлол

Аливаа вэбсайт нь динамик болон статик элементүүдээс бүрддэг. Динамик элементүүд нь PHP ажил болон өгөгдлийн сангийн асуулгаас олж авсан HTML код нь өөрөө юм. Үлдсэн хэсэг нь статик юм. Эдгээр нь зураг, JavaScript болон CSS юм.

Та Google-ийн энэ гайхалтай зүйлээр вэбсайтаа автоматаар оновчтой болгох боломжтой - PageSpeed ​​Insights. Энэ модулийг nginx сервер дээр суулгасан бөгөөд тохиргоо хийсний дараа бодит цаг хугацаанд шахдаг маш их мэдээлэл, түүний дотор график.

PageSpeed ​​Insights нь HTML-д дүн шинжилгээ хийж, нөөцийг оновчтой болгох боломжтой. Товчхондоо шахах. Эх кодонд нөөцүүд нь зургийг шахахын тулд хөгжүүлэгчийн зааж өгсөн замаас өөр замд байрлана. Үүнийг анхаарч үзэх нь зүйтэй. Гэхдээ нөөцийн харагдах байдал өөрчлөгдөхгүй. Жин буурах болно. Энэ нь хуудас ачаалах хурд нэмэгдэж, зочдод илүү баяртай байх болно гэсэн үг юм :)

Гэсэн хэдий ч PageSpeed ​​Insights нь хязгаарлалттай. Үүнийг зөвхөн эсвэл дээр ажиллаж байгаа nginx дээр суулгаж болно виртуал сервер. Үгүй ээ, Германд хаа нэгтээ түрээсэлсэн дундын сервер ажиллахгүй.

Хоёр дахь хязгаарлалт нь мөнхийн хөтөчийн дайнтай холбоотой юм. PageSpeed-ээр шахсан зургуудыг зөвхөн Chrome-д ойлгодог .webp формат руу хөрвүүлдэг. Internet Explorer 6 ийм зүйл ажиллахгүй болно). IN хамгийн сүүлийн үеийн хувилбарууд Opera бас ийм дүрсийг үзүүлж сурсан. Учир нь хөдөлгүүр нь өөрчлөгдсөн.

PageSpeed ​​Insights ашиглах жишээ

Бид PageSpeed ​​​​Insights модулийг гурван төсөл дээр суулгасан - шинэ вэбсайт болон хоёр үйлчлүүлэгч дээр. Модуль нь ямар хөтөчөөс хүсэлт ирж байгааг харж, webp форматыг харуулахаар бэлтгэгдсэн эсэхийг шалгаж, оновчтой дүрс эсвэл ердийн jpeg файлыг буцаана.

Sibirix-ийн мэдээлснээр тохиргоо нь хагас өдөр зарцуулсан. Бид зарим зүйлийг эмпирик байдлаар хийх ёстой байсан: бид тэдгээрийг өөрчилж, юу болж байгааг харав. Заримдаа бүс нь ногоон өнгөтэй байсан ч урьдчилан таамаглах аргагүй шар болж хувирдаг.

Одоо хоёр хувилбар нь ногоон бүсэд байна. Энэ нь хурдтай холбоотой асуудал гарахгүй гэсэн үг юм. Хэрэв холболтын хурд сайн бол зарим төрлийн EDGE биш :)

Дотор техникийн дэмжлэг Vitra үйлдвэрийн онлайн дэлгүүрт бид PageSpeed ​​​​Insights модулийг туршиж, суулгахаар шийдсэн.

Вэбсайтыг хурдасгах талаар зөвлөгөө өгдөг Google PageSpeed ​​​​Insights үйлчилгээ удаан хугацаанд алдартай болсон. Та төслийн хуудсыг хэзээ ч нээж үзээгүй байсан ч түүний зөвлөмжийг олж мэдсэн байж магадгүй юм. SEO агентлагууд болон фрилансерууд борлуулалтын санал, аудитын дүн шинжилгээндээ дүн шинжилгээ хийх дуртай бөгөөд "Заавал засах ёстой" гэсэн олон тооны нэр томьёо, хатуу гарчигтайгаар үйлчлүүлэгчдэд сэтгэгдэл төрүүлэхийг хичээдэг.

Тиймээс ойлгох Google PageSpeed ​​​​Insights гэж юу вэ, түүний зөвлөмжийг дагаж мөрдөх шаардлагатай юу?, зөвхөн хөгжүүлэгчид төдийгүй вэбсайт эзэмшигчид/интернет төслийн менежерүүдэд хэрэгтэй.

Энэ бол танилцуулга байв. Одоо амласан нюанс.

Google PageSpeed ​​​​Insights нь туршилтын зориулалттай өөр өөр хувилбарууднэг хуудас. Янз бүрийн сайтуудын үнэлгээг харьцуулах нь утгагүй дасгал юм.

Ойлгож байна уу? Google PageSpeed ​​Insights нь вэб сайтын хурд хэмжих үйлчилгээ биш юм. Энэ нь хуудас ачаалах хурдыг оновчтой болгох хүчин чармайлтын боломжит цэгүүдийг харуулсан хэрэгсэл юм. Мэдээжийн хэрэг, үйлчилгээний үнэлгээ нь зэрэглэлд шууд нөлөөлдөггүй тул SEO тайланд зөвлөмжийг ашиглах нь үнэн биш юм. Эдгээр зөвлөмжийг хэрэгжүүлэх нь хэрэглэгчийн туршлагад үнэхээр чухал нөлөө үзүүлдэг нөхцөл байдлаас бусад тохиолдолд.

Бид энд дуусгаж болох ч хэрэв танд нотлох баримт таалагдахгүй бол та энэ блогийг уншихгүй байх байсан. За ингээд бодоод үзье л дээ.

Бодит ачаалах хурд болон PageSpeed ​​үнэлгээний хооронд ямар хамааралтай вэ?

Үнэхээр биш. Үйлчилгээний хоёр дэлгэцийн агшинг энд оруулав.

1. Маш олон текст, зураг агуулсан хуудасны туршилтын үр дүн:

Хэмжээтэй хэдий ч хуудас нь зөвшөөрөгдөх хурдаар ачаалагддаг - та өөрөө шалгаж болно.

2..php - ачаалах 5 секундын сааталтай (унтах(5) функц):

Ялгаа нь 20 оноо, эхний хуудас нь "улаан" бүсэд, хоёр дахь нь "шар" бүсэд байна. Өө!

Маш ойлгомжтой, тийм үү? Санаж байна уу: муу үнэлгээ нь ижил биш юм урт ачаалал. Энэ бол хуудсыг илүү хурдан хийх боломжтой гэсэн үзүүлэлт юм. Гэхдээ үйлчилгээ нь 2 дахин хурдан эсвэл 2% хурдан гэдгийг танд хэлэхгүй. Түүнд ямар нэгэн буруу зүйл байгаа учраас биш. Энэ нь зүгээр л хэн нэгэнд зориулагдсан бөгөөд энэ нь зүгээр юм. Хөгжүүлэгч шийдвэр гаргах ёстой.

За, гэхдээ өндөр зэрэглэл нь SEO-д сайн хэвээр байна, тийм үү? Учир нь энэ бол Google-ийн үйлчилгээ юм!

Аргумент нь миний бодлоор нэлээд сул байна. Дээр дурдсанчлан, багажийн үйлдвэрлэсэн цэгүүдийн тоо нь хэрэглэгчдэд чухал ач холбогдолтой шинж чанаруудтай холбоогүй юм.

Тэдгээр. Энэ үнэлгээ нь ашигтай хайлтын дохионоос илүү чимээ шуугиантай байдаг. Нарийн төвөгтэй JS функц бүхий тэргүүлэх вэбсайтууд ихэвчлэн "улаан" бүсэд байдаг. Гэхдээ 2000-аад оны төслүүд зөвхөн HTML ашиглан бүтээгдсэн нь 80-90 оноо өгөх боломжтой. Дашрамд дурдахад Google өөрийн үйлчилгээний үнэлгээ болон зэрэглэл хоорондын хамаарлыг хэзээ ч хэлж байгаагүй.

Гэхдээ энэ нь үнэхээр чухал эрэмбийн хүчин зүйл гэж хэлье. Дараа нь бид юу ажиглах вэ? ТОП-д өндөр үнэлгээтэй сайтууд давамгайлах болно. Ийм зүйл байдаг уу? Үгүй!

"Москвагийн хуванцар цонх" асуулгын Google-ийн TOP-2 сайтын дэлгэцийн агшинг энд оруулав.

Мэдээжийн хэрэг, энэ бол тусдаа жишээ юм. Гэхдээ хэрэв энэ хүчин зүйл үнэхээр чухал байсан бол ийм сайтыг ТОП-д оруулахгүй байх байсан. Та ижил өрсөлдөөнтэй сэдвээр өөр олон тохиолдлуудыг олж болно.

Тиймээс бид хамгийн түрүүнд сайтыг ачаалах хурдны талаар боддог (жишээлбэл, http://www.webpagetest.org/ сайтаас шалгаж болно). Хэрэв хурд нь тийм ч сайн биш (өрсөлдөгчдөөс муу) бол эхлээд бид мэдээллийн сан болон контентыг харуулсан скриптүүдийг оновчтой болгохоор ажилладаг. Тэдний бичиг үсэг тайлагдаагүй зохион байгуулалт нь ихэнх "тоормос"-ын шалтгаан болдог. Дараа нь PageSpeed ​​Insights хэрэг болно.

Тиймээс та Google-ээс өгсөн ч гэсэн заримдаа "Үүнийг засахаа мартуузай" гэх мэт аймшигтай зөвлөгөөг үл тоомсорлодог гэдгийг та одоо мэдэж байна. Амжилт хүсье!

Үнэгүй онлайн Google үйлчилгээ Page Speed ​​​​Insights нь бодит гүйцэтгэлийг тодорхойлох, сайтаа оновчтой болгох үр дүнтэй арга замыг сонгох цогц хэрэгсэл юм. Компьютер болон компьютер дээр ашиглахад тохиромжтой хөдөлгөөнт төхөөрөмж. Энэ нь хуудасны үнэмлэхүй хурдыг харуулахгүй, харин үйлчлүүлэгчийн хөтөч дээр ачаалах, үзүүлэх динамикийн үр ашгийг шинжилдэг. Энэ тохиолдолд зөвхөн интернетийн холболтын төрлөөс үл хамаарах хүчин зүйлсийг харгалзан үзнэ: JavaScript, CSS, HTML бүтэц, серверийн тохиргоо, зургийн хэмжээ гэх мэт.

Эхлэх

Гүйцэтгэлийн нарийвчилсан тайланг авахын тулд та албан ёсны Page Speed ​​​​Insights вэбсайт руу орж, судалж буй эх сурвалжийн холбоосыг "Вэб хуудасны URL-г оруулна уу" мөрөнд оруулах хэрэгтэй. Үүний дараа та "Шинжилгээ хийх" товчийг дарах хэрэгтэй.

Бэлтгэх хугацаа, үр дүнг хүргэх нь нэг минутаас бага хугацаа шаардагдана. Хэрэглэгч SEO оновчтой болгох хэрэгцээг нэн даруй үнэлэх эсвэл вэбсайтад ашигладаг хайлтын системийн сурталчилгааны алгоритмын үр нөлөөг шалгах боломжтой.

Google Page Speed ​​​​Insights-ийн онцлогууд

Вэбсайтыг ачаалах хурдны тайлан нь график болон дижитал бүрэлдэхүүн хэсэгтэй бөгөөд компьютер болон хөдөлгөөнт төхөөрөмжүүдэд тусад нь байдаг.

Хуудасны хурдны үзүүлэлт нь HTML-г ачаалж, DOM модыг (DCL) бүтээх, өөрөөр хэлбэл интерфейсийг хэрэглэгчийн хувьд бүрэн эхлүүлэх хүртэл эхний контент дүрслэл (FCP) эхэлснээс хойш секундын дотор динамикийг харуулдаг. Энэ хугацаа богино байх тусам сайт хөтөч дээр илүү хурдан харагдах болно. Бүх нөөцийг ижил түвшинд байлгахын тулд Google Page Speed ​​​​Insights нь сүлжээг ачаалах дундаж хурдыг эхлэх цэг болгон ашигладаг бөгөөд дараах үнэлгээний аль нэгийг өгдөг.

• Удаан - удаан (улаан өнгө);
• Дундаж - хэвийн (улбар шар);
• Хурдан - хурдан (ногоон).

Хурдны хуваарилалтын графиктай байх нь татаж авах хурдад тулгуурлан асуудлын талбарыг тодорхойлж, шаардлагатай арга хэмжээг авахад хялбар болгодог. Өнгөт график тэмдэглэгээ нь бас тодорхой утгатай.

Мөн "Page Speed ​​​​Insights" онлайн үйлчилгээ нь хайлтын асуулгад үр дүн гаргахад зарцуулсан хугацаа болон хуудсыг бүрэн ачаалахад үндэслэн вэб нөөцийг үнэлэхийн тулд 100 онооны хэмжүүр ашигладаг. Нийтдээ гурван хурдны интервал байдаг:

• Бага (бага) - 0-59 оноо;
• Дунд (дундаж) – 60–79;
• Сайн (сайн) - 80-100.

Вэб нөөцийн бага үнэлгээ нь бараг үргэлж үзүүлэх үйл явцыг зохион байгуулахад гарсан томоохон дутагдлуудыг илтгэдэг бөгөөд үүнийг заавал арилгах шаардлагатай байдаг.

Хуудасны хурдны ойлголт ба SEO сурталчилгаа

Google нь сайтын зэрэглэлийг тодорхойлохын тулд 200 орчим хүчин зүйлийг ашигладаг бөгөөд эдгээрээс хамгийн чухал нь гарчгийн шошгын эхэнд байгаа түлхүүр үг, хайлтын асуулгад агуулагдах агуулгын хэмжээ, хамаарал, түлхүүр үгсийн нягтрал, байршил, үнэмлэхүй ачаалах хурд юм. Google Page Speed ​​​​Insights үзүүлэлт нь 100 үр дүнгээс 1-3 үр дүнг хүргэхэд шууд нөлөөлдөг. Үүний зэрэгцээ системийн албан ёсны шаардлагад "сайт аль болох хурдан ажиллах ёстой" гэж заасан байдаг. Энэ хүчин зүйл нь вэб нөөцийн зан үйлийн түүхэнд сайнаар нөлөөлж, түүний үнэлгээг ихээхэн нэмэгдүүлдэг. Тийм ч учраас SEO вэб сайтыг үр дүнтэй сурталчлахын тулд ердийн хуудасны хурдны үзүүлэлтүүдийг шаарддаг боловч сайн, хурдан гэсэн утгатай байх албагүй. Энэ баримтын тод баталгаа бол дундаж оновчлолын түвшин, өндөр зэрэглэл бүхий мега алдартай Amazon.com эх сурвалж юм.

Хөгжүүлэгчид функциональ байдалд ихээхэн анхаарал хандуулсан гадаад төрхзураг, хэв маягийг бүрэн ачаалах цагийг багасгах зардлаар сайт.

Вэб нөөцийн гүйцэтгэлийн талаархи нарийвчилсан тайлангаас гадна үйлчилгээ нь мөн санал болгодог янз бүрийн сонголтуудсайжруулахын тулд. Жишээлбэл, Amazon.com дараах оновчлолын зөвлөмжийг хүлээн авсан.

Хөтөчийн кэшийг ашиглах. Практик ба хэрэгтэй зөвлөгөөстатик файлуудын хуулбарыг хадгалахын тулд кэшийн толгой хэсгийг ашиглах талаар (нэгээс бүү өөрчил хайлтын асуулганөгөө рүү) хэрэглэгчийн хөтөч дээр.

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

Үзүүлэхийг хориглодог JavaScript-г устгаж байна. Боломжтой бол вэб хуудасны интерактив скриптүүдийн гүйцэтгэлийг сайтын хөл хэсэгт (хөл хэсэг - доод хэсэг) зохион байгуулах эсвэл толгой болон JavaScript-ийг асинхроноор ачаална уу. Мөн зарим кодыг үндсэн HTML тэмдэглэгээ рүү шилжүүлж болно. Сайтын зөв ажиллагааг алдагдуулахгүйн тулд мэргэжлийн хүний ​​оролцоо энд чухал юм. Энэ зөвлөмж нь ашигладаг нөөцөд тохиромжгүй бэлэн загвар WordPress.

Каскадын загварын хуудсыг оновчтой болгох. Эхний дэлгэцийн дизайны хэв маягийг сайтын толгой хэсэгт байршуулах, үлдсэн каскадын хүснэгтүүдийг хөл хэсэгт нэмэхийн тулд CSS кодыг хувааж болно. Ирээдүйд сайтын үйл ажиллагаанд асуудал гарахаас зайлсхийхийн тулд энд зохион бүтээгчийн оролцоо хэрэгтэй.

Зураг шахах. Үр дүнтэй аргаарСайтыг ачаалах хурдыг нэмэгдүүлэх нь зураг, гэрэл зургийн хэмжээг оновчтой болгож байна. Үүний тулд та засварлагчийг ашиглаж болно Adobe Photoshopэсвэл тусгай онлайн үйлчилгээ: Compressor.io, TinyPNG, Optimizilla, Web Resizer. Санал болгож буй зургийн өргөн jpeg формат, gif эсвэл png – 400–600 пиксел, 35–75 КБ жинтэй.

Үнэгүй Google хэрэгсэл Page Speed ​​​​Insights нь хурдан, хэрэглэхэд хялбар бөгөөд сайтын гүйцэтгэлийн нарийвчилсан дүн шинжилгээ, ачаалах хурдыг сайжруулах практик зөвлөмж өгдөг. Энэ үйлчилгээг ашигласнаар та вэб нөөцийнхөө хөрвүүлэлтийг сайжруулж, зураг байршуулах нь удаашралтай эсвэл цаг хугацаа шаардсан зэргээс шалтгаалан хэрэглэгчийг орхихоос зайлсхийх боломжтой.

🎧 2019 Шинэ Google PageSpeed ​​Insights: Сандарсан уу эсвэл баярлах уу?

Шинэчлэгдсэн Google PageSpeed ​​Insights-ийн тухай подкаст ангийг сонсоорой! 🎧

Google саяхан вэб хуудсыг ачаалах оновчлолын үйлчилгээндээ шинэчлэлт хийснээр нэлээд шуугиан дэгдээв. Хамгийн алдартай нөөцийн хурдыг хэмжих үр дүн нь PageSpeed ​​​​Insights-д шинэ тохиргоо хийхээс өмнөх үеийнхээс гурав дахин бага байсан. Хэрэв сайтыг ачаалах хурд нь 2018 оны зунаас хойш хайлтын системийн эрэмбийн хамгийн чухал хүчин зүйлүүдийн нэг байсан бол Google системүүд, тэгвэл яаж сандрахгүй байх вэ? Дэлхий даяарх SEO мэргэжилтнүүдийг нэг шөнийн дотор түгшээсэн энэ үйлчилгээ ямар үйлчилгээ вэ?

Google PageSpeed ​​Insights гэж юу вэ

Энэ үнэ төлбөргүй үйлчилгээЭнэ нь вэб хуудсууд хэр хурдан ачаалагдаж байгааг үнэлэх боломжийг олгодог төдийгүй энэ үзүүлэлтийг идэвхтэй сайжруулахад тусалдаг. Энэхүү хэрэгсэл нь нөөцийн хурдыг оношлох, оновчтой болгох зорилгоор бүтээгдсэн бөгөөд өөрийгөө хүндэтгэдэг SEO мэргэжилтэн бүрийн сан хөмрөгт удаан хугацаагаар байр сууриа эзэлсээр ирсэн. Тэрээр вэб сайтын "урлаг" куратор шиг: тэр тэдний ажлыг харж, дүн шинжилгээ хийж, сул талуудыг тодорхойлж, ямар алдааг засах шаардлагатайг санал болгодог. Үүний зэрэгцээ, PageSpeed ​​​​Insights нь танд юун дээр ажиллах шаардлагатай талаар зөвлөгөө өгөхөөс гадна тодорхой хурдыг оновчтой болгох үйлдэл нь ирээдүйн татан авалтад хэр их цаг хэмнэхийг харуулдаг.

Яагаад PageSpeed ​​нь нөөцийн хурдыг хэмжих хамгийн чухал хэрэгсэл гэж тооцогддог вэ?

Энэ нь маш тохиромжтой, хэрэглэхэд хялбар үйлчилгээ бөгөөд анхлан суралцагч хүртэл амархан ойлгож чадна. Түүнээс гадна энэ нь олон талт шинж чанартай бөгөөд энэ үзүүлэлтээрээ ихэнх өрсөлдөгчдөөсөө түрүүлж байна. PageSpeed ​​бол хөдөлгөөнт төхөөрөмж дээр ажиллахад тохирсон цөөн хэдэн дасан зохицох үйлчилгээний нэг юм. Сайтыг ачаалах хурдыг шалгах энэхүү хэрэгсэл нь дэлхийн хамгийн том хайлтын системүүдийн нэгтэй нягт холбоотой бөгөөд түүнд тохирсон байх нь чухал үүрэг гүйцэтгэдэг. Эхлэхийн тулд та сайтын URL хаягийг оруулахад л хангалттай. Үр дүнг компьютер болон хөдөлгөөнт төхөөрөмж дээр ачаалах гэсэн хоёр хувилбараар санал болгож байна. Үнэлгээг 100 онооны системээр хийдэг. 100 оноо бол хүршгүй бар гэж байгаа хүмүүс хуурч байна. Битгий итгэ.

Энэ үйлчилгээг дуурайх нь зүйтэй болов уу?

Бид таныг нэг юм уу өөр хэрэгслийг сонгохыг зөвлөдөггүй; Гэхдээ хэрэв та сайтаа Google-д сайн эрэмблэхийг хүсч байвал PageSpeed ​​​​Insights бол үнэхээр чухал хэрэгсэл юм. Гэсэн хэдий ч оноо нь зөвхөн үйлчилгээний субъектив үнэлгээ бөгөөд хувиршгүй баримт биш гэдгийг мартаж болохгүй. Гэсэн хэдий ч энэ нь нөөцийн бодит хурдыг харуулж, бүх зүйлийг хэтийн төлөвт оруулдаг.

Хурд хэмжиж, оновчтой болгох өөр үйлчилгээ байдаг ч та өөртөө "шүтээн" сонгож, түүнийг сохроор шүтэх ёсгүй. Тэдгээрийн аль нь ч, түүний дотор PageSpeed ​​нь жишиг үзүүлэлт биш юм. Эдгээр хэрэгслүүд нь шалгалтын адил хамгийн өндөр оноо авах зорилготой биш, харин нөөцийн функциональ байдал, ашиглах боломжтой байдал, хурдны хамгийн тохиромжтой огтлолцлыг олоход зориулагдсан болно. Энэ нь сайтын бусад шинж чанарыг алдагдуулахгүйгээр зөвхөн сайжруулж болох зүйлийг оновчтой болгох нь илүү ухаалаг бөгөөд "санал болгож буй бүх оноог 100-д ​​багтаах" гэж оролдохгүй байх явдал юм. Эцсийн зорилго нь хэрэглэгчдэд хамгийн эерэг туршлагыг бий болгох явдал гэдгийг бүү мартаарай.

Google PageSpeed ​​Insights алгоритмын шинэчлэлт

Долдугаар сард Google-ийг эхлүүлсэн шинэ алгоритм- Хурдны шинэчлэлт нь ачаалах хурдыг хайлтын системийн эрэмбийн хүчин зүйл болгодог. 11-р сарын PSI (PageSpeed ​​​​Insights) шинэчлэлтүүд үйлчилгээг үндсээр нь өөрчилсөн. Энэ нь одоо суурилагдсан Lighthouse аналитик дээр ажилладаг Google хөтөч Chrome. Энэ бол нээлттэй хэрэгсэл юм эх код, вэб хуудасны чанарыг сайжруулах, хянах зорилгоор бүтээгдсэн. Өмнө нь PSI нь нөөцийг тодорхой нөхцөлийг хангаж, даалгаврыг гүйцэтгэсний үндсэн дээр үнэлдэг байсан бол одоо өндөр оноо авахын тулд зөвхөн хурдыг харгалзан үздэг. Эхний агуулга, түүний үндсэн хэсэг нь хуудсан дээр гарч ирэхэд хэр хугацаа шаардагдах, хэрэглэгч нөөцтэй бүрэн харьцахад хэдэн секунд шаардагдах, нийт хурдны индекс болон бусад шинж чанарууд нь чухал юм.

PageSpeed ​​​​Insights нь хуудасны контент гарч ирэх дарааллыг харах боломжтой арван слайдаас бүрдэх өгүүллийн самбарын функцийг нэмсэн. Нэмж дурдахад уг үйлчилгээ нь өмнөх хувилбаруудаас бага жинтэй JPEG 2000, WebP, JPEG XR гэсэн шинэ зургийн форматыг ашиглах талаар зөвлөгөө өгдөг. Энэ нь чухал параметр бөгөөд энэ нь агуулгын ихээхэн хэсгийг янз бүрийн зургууд эзэлдэг сайтуудыг ачаалах хурдад нөлөөлдөг.

Сүүлийн шинэчлэлтийн дараа таны Google PageSpeed ​​​​Insights хэмжигдэхүүн буурсан бол яах вэ

Ирэх долоо хоногт хөгжүүлэгчид шинэчлэгдсэн үйлчилгээг аль хэдийн илрүүлсэн алдаануудыг туршиж, засах болно. Одоо ижил вэбсайтыг ачаалах хурдыг шалгах үед үйлчилгээ өөр өөр үр дүнг харуулж магадгүй, тэр ч байтугай хуудсыг ашиглах боломжгүй гэж мэдэгдэнэ. Эхний тохиолдолд та 5-6 хэмжилтийг дараалан авч, дундаж дээр анхаарлаа төвлөрүүлэх хэрэгтэй, учир нь сайтууд нь хөдөлгөөнгүй, хурд нь ч биш юм. Хоёрдахь сонголт нь маш чухал бөгөөд хэрэв ийм зүйл тохиолдвол та сайтыг хүртээмжтэй байдлын хяналтад яаралтай оруулах хэрэгтэй. Үүний зэрэгцээ, PSI-ийн хэвийн ажиллагааг бий болгохын тулд тодорхой хугацаа шаардагдах бөгөөд сайт хайлтын үр дүнд өндөр байр сууриа алдах болно гэдгийг мартаж болохгүй. Эдгээр зүйлүүд нэг шөнийн дотор тохиолддоггүй. Тиймээс сандрах, яарах арга хэмжээ авах шаардлагагүй - та хоёр долоо хоногийн дараа тэдгээрийг засах хэрэгтэй болно.

Та юу хийх ёстой вэ:

гар утасны хувилбарт анхаарлаа хандуулаарай - Google үүнд илүү ноцтой шаардлага тавьдаг бөгөөд үүнийг нэн тэргүүнд тавьдаг.

Шаардлагагүй номын сан, залгаасуудыг идэвхгүй болго, тэд сайтыг ачаалах хурдыг ихээхэн удаашруулдаг боловч түүний агуулгыг харуулахад оролцдоггүй. Энд нэг нарийн зүйл бий: энэ ажил нь зөвхөн туршлагатай мэргэжилтнүүдэд зориулагдсан, эс тэгвээс та сайтыг бүрэн "эвдэж" чадна.

Эхний дэлгэцийг хурдан ачаалахад анхаарлаа хандуулаарай: хайлтын системийн шинэ нөхцөл байдлын дагуу энэ нь хэрэглэгчтэй аль болох хурдан ажиллах, харилцахад бэлэн байх ёстой.

Хуудсыг харуулахад оролцдоггүй js эсвэл доод тал нь эхний дэлгэцийн хөл (хуудасны доод хэсэг) руу шилжинэ үү. Зарим хүмүүс css-г тэнд шилжүүлэхийг зөвлөж байна, гэхдээ ямар ч тохиолдолд үүнийг хийх ёсгүй. Энэ нь хуудасны харилцан үйлчлэлд бэлтгэх явцыг удаашруулна.

Мөн төгс оноо авахыг хичээх хэрэггүй. Шаардлагатай нарийн ширийн зүйлийг мэдэхгүй бол нөөцийн чанарыг сайжруулахын оронд та түүнд ихээхэн хохирол учруулж болзошгүй юм. Хамгийн тохиромжтой сонголт бол үүнийг сайн мэддэг хүнээс тусламж хүсэх явдал юм. Оношлогооны дараа бүх зүйл эмх цэгцтэй байгаа эсэх, эсвэл үнэхээр ямар нэг зүйлийг өөрчлөх шаардлагатай эсэх нь тодорхой болно.

Google PageSpeed ​​Insights дээр хэрхэн 100/100 авах вэ

Үйлчилгээний бүх зөвлөмжийг энгийн вэбсайт эзэмшигч, тэр байтугай SEO оновчлолын мэргэжилтэн дагаж мөрдөж чадахгүй. Заримдаа чадваргүй гарт хийсэн ийм үйлдэл нь яг эсрэг үр дүнд хүргэдэг бөгөөд үүний үр дүнд нөөц нь хайлтын үр дүнд байр сууриа алдаж эхэлдэг. Жишээлбэл, PSI үйлчилгээгээр санал болгож буй JavaScript болон css-ийн толгой хэсгээс (хуудасны дээд хэсэгт) хөл рүү шилжүүлэх ажлыг эдгээр элементүүдийг хэрхэн зөв байрлуулахыг мэддэг туршлагатай програмист хийх ёстой. Үгүй бол нөөцийн блокууд нь "халуу" болж, хурд нь сайжрахын оронд буурах болно.

Тиймээс, дээр дурдсанчлан, PageSpeed ​​Insights-д 100/100 хүрэх нь үргэлж ухаалаг байдаггүй бөгөөд хэрэв та төгс төгөлдөрт хүрэхээр шийдсэн бол болгоомжтой байгаарай. Хэрэглэгч нь PSI үнэлгээнээс илүү чухал гэдгийг санаарай, тэр таны сайт дээр бүдүүвч зураг эсвэл муруй хуудасны дизайныг харах ёсгүй.

Үйлчилгээний ашиг тус

Энэ хэрэгсэлтэй ажиллахад тулгардаг бүх бэрхшээлийг үл харгалзан энэ нь маш их алдартай бөгөөд сайн шалтгаантай хэвээр байна. Скрипт, зураг болон бусад элементүүдийн хэмжээг багасгахтай холбоотой олон зөвлөмжүүд нь сайтыг ачаалах хурдыг нэмэгдүүлэхэд үнэхээр хэрэгтэй байдаг. Зарим тохиолдолд үйлчилгээнээс санал болгосон хөтчийн кэшийг ашиглах нь нөөцийг хурдасгахад маш чухал зүйл боловч вэбмастеруудад ч тийм ч хялбар биш юм. Тиймээс, будлиан гаргахгүйн тулд энэ ажлыг мэргэжлийн вэбсайтын оновчлолын багт даатгах нь дээр. Жишээлбэл, та бидэн рүү залгаж болно. :-)

2019 онд вэбсайтын хуудсыг ачаалах хурдыг шалгах 22 холбогдох хэрэгсэл

Вэбсайтыг ачаалах хурдыг шалгах олон тооны хэрэгсэл байж болох ч тэдгээрийн дотроос үнэхээр анхаарч үзэх хэрэгтэй цөөхөн хэдэн хэрэгслүүд байдаг:

Та Chrome-д зориулсан Google Chrome DevTools хэрэглүүрийг ашиглан ижил ажлыг хийж болно. Эсвэл та бүхэлдээ өргөтгөлгүйгээр хийж болно: Ctrl+Shift+i товчийг дарж вэбсайтаа Chrome-д нээж, хөтчийн консол дээрээс Аудитуудыг сонгоно уу. Дараа нь Run audits дээр товшоод Lighthouse сайтад дүн шинжилгээ хийж, үр дүнг харуулах хүртэл хүлээнэ үү.

2019 онд вэбсайтын хурдыг хэмжихэд ямар параметрүүд чухал вэ

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

Эхний контент ачаалах хугацаа

Энэ нь хуудас нээгдэж, ачаалж эхэлснээс хойш эхний текст эсвэл зураг гарч ирэх хүртэлх хугацаа юм.

Татаж авах хурдны индекс

Энэ нь хуудасны харагдах байдал өөрчлөгдөхийг зогсоох хүртэл сайтын контент ачаалах хурдны хэмжүүр юм. Өөрөөр хэлбэл, хэрэглэгч контентыг харагдах ёстой байдлаар нь харж болно.

Харилцааны ачаалах цаг

Энэ параметр нь хэрэглэгч хуудас болон түүний бие даасан контент дээр дарж эхлэхийн тулд хэдэн секунд хүлээх шаардлагатайг харуулдаг.

Хангалттай контентыг ачаалах цаг боллоо

Энэ нь вэб хуудсан дээр ихэнх материал гарч ирэх хугацааны интервал юм. Энэ нь сайт бүрэн үзэхэд бараг бүрэн бэлэн харагдаж байна.

CPU дуусах хугацаа

Энэхүү Google PageSpeed ​​​​Insights хэмжигдэхүүн нь процессор нь хангалттай хугацаанд хэрэглэгчийн үйлдэлд хариу өгөхийн тулд сайтыг хангалттай ачаалсан гэсэн үг юм. Энэ нь жишээлбэл хайлтанд текст оруулах эсвэл интерактив элемент дээр дарах байж болно. Хуудасны хариу өгөх хугацаа 50 миллисекундээс хэтрэхгүй байх ёстой.

Ойролцоогоор оролтын саатлын хугацаа

Энэ нь хуудас ачаалагдах хамгийн идэвхтэй 5 секундын хэрэглэгчийн үйлдэлд хариу өгөх хугацаа юм. Хэрэв энэ мөчид сайт 50 мс-ээс илүү хугацаанд хариу үйлдэл үзүүлбэл "хөлдөх" эффект үүсч, зочдод таны нөөц "удаашрах" мэт санагдаж байна.

Энэ жил шинэчлэгдсэн Google PageSpeed ​​Insights-аас юу хүлээж байна вэ

PSI-ийн хуучин хувилбар нь ихэвчлэн маш удаан нөөцийг өндөр үнэлдэг байсан ч эсрэгээрээ хурдан нөөцийг үнэлдэг байсан. Шинэчлэгдсэн үйлчилгээ нь серверийн хариу өгөх хугацаа болон хуудасны "хүнд" агуулгын хэмжээ зэрэг үнэхээр чухал зүйлсийг суурин дээр тавьдаг. Бүх том "үнэт эдлэл, гоёл чимэглэл" нь зөвхөн оноог сүйтгэж, аажмаар алдар нэрээ алдах болно.

Үнэхээр идэвхтэй вэбсайтууд, тэдгээрийг хэрхэн хийхийг мэддэг сайн мэргэжилтнүүдийн эрин үе ойрхон байна.

Сайтууд руу орж, сайтуудынхаа хурдыг нэмэгдүүлээрэй!

Шинэчлэгдсэн Google PageSpeed-ийн тухай манай подкастыг сонсоорой! 🎧

Сайн байна уу, блог сайтын эрхэм уншигчид. Өнөөдөр би тантай вэбсайт ачаалах хурд гэх мэт чухал сэдвийн талаар ярихыг хүсч байна. Вэб төслийг сурталчлахад нөлөөлж буй бусад олон хүчин зүйлсийн зэрэгцээ хайлтын системүүд саяхан үүнийг анхаарч үзэх болсон гэдгийг та аль хэдийн сонссон байх. Мөн сайт дээрх тоормос нь зочдыг, ялангуяа үүнд дассан хүмүүсийг үнэхээр бухимдуулдаг.

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

Вэбсайтыг ачаалах хурдыг хэмжих онлайн үйлчилгээ

Ямар ч байсан би саяхныг хүртэл нөөцөө хурдасгах гэж оролдохдоо ингэж санагдсан. Гэхдээ тааламжгүй чиг хандлагыг хүлээхгүй байх нь дээр гэж бодсон (жишээлбэл, ачааллын хурдыг илүү чухалчилдаг тул замын хөдөлгөөний бууралт), харин илэрхий дутагдлыг яг одоо засах нь дээр юм.

Та үүнийг л ухамсарлах хэрэгтэй хурд, таны сайт, блог эсвэл форум ачаалагддаг, маш чухал үзүүлэлт юм. Хэрэв таны төсөл энэ үзүүлэлтээр сайн ажиллахгүй бол энэ нь нэлээд таагүй үр дагаварт хүргэж болзошгүй юм. Тэдний хамгийн чухал нь зочдод таны нөөцтэй ажиллахаас татгалзаж магадгүй юм, учир нь... Хуудсуудыг ачаалахад маш их хугацаа шаардагдана. Нэмж дурдахад хайлтын системүүд, ялангуяа Google нь тодорхой нөөцийн ерөнхий ашиг тусыг үнэлэхдээ үүнийг анхаарч үздэг.

Таны нөөцийн хуудсууд хэр хурдан ачаалагдаж байгааг ойлгохын тулд та жишээлбэл, өгсөн холбоос дээрх нийтлэлд дэлгэрэнгүй тайлбарласан боломжуудыг ашиглаж болно. Эсвэл та үүнд зориулагдсан үйлчилгээг ашиглаж болно. Доор би эдгээрийн цөөн хэдэн жишээг өгөх болно.

1. Pingdom- энд та ачаалах хурдыг хэмжихийг хүсч буй хуудасны хаягийг зааж өгөх хэрэгтэй (энэ нь үндсэн хуудас байх албагүй, учир нь дотоод хуудсуудыг ачаалах хурд нь үүнээс багагүй бөгөөд ихэвчлэн илүү чухал байдаг).

   

   Үүний үр дүнд вэб хуудасны бие даасан объектуудыг татаж авах хугацаа, тэдгээрийн URL болон жингийн диаграммыг үзүүлнэ. Цөөн объектыг ачиж, тус бүр нь хөнгөн жинтэй байх болно, илүү сайн. Жишээлбэл, энэ зорилгоор би:

   1. сайтын сэдвээс зарим зургийг нэгтгэв
   2. мөн түүнчлэн хэрэв боломжтой бол бууруулна
   3. үүнээс өөр утга учиртай

   

   Үнэн хэрэгтээ та Pingdom-ийн дээд цэсний зэргэлдээх таб дээрээс сайтынхаа хурдыг хэмжих зарим асуудал, түүхийг хянах боломжтой.

   Гарч ирэх цонхонд та дууссан тестийн байнгын холбоосыг хуулж, имэйл эсвэл Twitter-ээр илгээхийг танаас хүсэх болно. Та мөн цонхны доод хэсэгт байгаа бол бүртгүүлэх боломжтой. Хэрэв таны нөөц багасвал (зочдод ашиглах боломжгүй бол) таны гар утсанд имэйл эсвэл SMS мессеж илгээгдэх болно. Гэхдээ энэ үйлчилгээ төлбөртэй боловч үнэгүй туршилт хийх боломжтой.

   Та өөрийн сайтын хувьд, мөн Traceroute-г үзэхийн тулд хуудасны хамгийн дээд хэсэгт байрлах "Ping and Traceroute" табыг сонгох хэрэгтэй. Өгөгдсөн маягтанд http-гүй URL-г оруулаад, энэ маягтын доорх "Traceroute" эсвэл "Ping" гэсэн нүдийг чагтлаад "Одоо тест" дээр дарна уу.

2. WebPageTest- ердийнх шигээ шалгаж байгаа хуудасныхаа URL хаягийг оруулна уу (заавал үндсэн хуудас биш). Үйлчилгээ нь сайтын бүх элементүүдийн ачаалах хурдыг тооцоолоход хэсэг хугацаа шаардагддаг бөгөөд үүний дараа энэ нь маш визуал диаграммыг гаргадаг (илүү нарийвчлалтай, бүр хоёр нь - эхний дамжуулалт, хоёрдугаарт, сайтын зарим элементийг хөтөчөөс ачаалах үед). кэш):

   

   Эхний диаграммд нил ягаан өнгийн босоо шугамын байрлалд анхаарлаа хандуулаарай - энэ нь байх болно сайтын дүрслэлийг дуусгах хугацаа. Хоёр дахь босоо шугам (цэнхэр) гэсэн утгатай болно бүрэн ачаалах хугацаа. Эхний мөр нь сайтыг ачаалахад 1-1.5 секунд, хоёр дахь мөр нь 4 секундын өмнө байвал сайн. Дараа нь дараах догол мөрүүдийг "ашиглах зорилгоор" уншиж болно. Хэрэв сайтыг ачаалахад 4 секундээс илүү хугацаа шаардагдах бол энэ байдлыг засах талаар санаа зовох хэрэгтэй.

3. Google PageSpeed ​​Insights нь Google-ийн хөгжүүлэгчдэд зориулсан хэрэгсэл юм. Энэ нь таны сайтыг ачаалах хурдыг (эсвэл энэ хурдыг оновчтой болгох) 100 масштабаар үнэлдэг. 100 бол хүрэх боломжгүй хамгийн тохиромжтой зүйл боловч 80-90 авах боломжтой, ялангуяа үйлчилгээ нь илэрсэн дутагдлыг засах талаар маш нарийвчилсан зөвлөмж өгдөг.

   

   Дээрх дэлгэцийн агшнаас харахад Google PageSpeed ​​​​Insights нь компьютерийн хөтөч болон гар утасны хувьд иж бүрэн үнэлгээ өгдөг. Нэмж дурдахад, доороос та янз бүрийн гаджетууд дээр нөөцөө ашиглахад хялбар байдлын үнэлгээг олох болно. Хэрэв та хараахан санаа зовоогүй бол оноо маш бага байх болно (мөн ухаалаг утасны цонхны баруун талд байгаа вэбсайтын дэлгэцийн агшин дээр бүх зүйл тодорхой харагдах болно).

   Гэхдээ хамгийн чухал зүйл бол Google PageSpeed ​​Insights юм сайтынхаа оноог хэрхэн нэмэгдүүлэх талаар зөвлөмж өгдөг, өөрөөр хэлбэл яаж хурдасгах вэ. Мэдээжийн хэрэг та хамгийн дээд цэгээс эхлэх хэрэгтэй, учир нь эдгээр засварууд нь хурдасгахад хамгийн их хувь нэмэр оруулах болно.

   Жишээлбэл, би Apache нь nginx-тэй хамт ажилладаг тул gzip шахалтыг тохируулах, статик файлуудыг (зураг, css файлууд болон скриптүүд) кэшлэх цагийг хэрэглэгчийн хөтөч дээр тохируулахад асуудал гарсан боловч би хэрхэн ажиллахаа мэдэхгүй байна. тэр. Би бүх зүйлийг тохируулах хүсэлтийг Infobox-ийн техникийн дэмжлэгт бичих шаардлагатай болсон - тэд үүнийг хийсэн бөгөөд мөнгөө ч аваагүй (тэдэнд баярлалаа!). Дашрамд хэлэхэд тэд эхлээд кэш хадгалах хугацааг 1 цаг болгож тохируулсан боловч Google PageSpeed ​​Insights гомдоллосон хэвээр байна.

   

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

4. Миний сайтыг туршиж үзээрэй- Google-ээс дахин шинэ үйлчилгээ. Үндсэндээ тэрээр таны сайтын гар утасны хувилбарыг, түүний дотор ачаалах хурдны шалгуураар үнэлэхэд анхаарлаа хандуулдаг.

   

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

5. GTmetrix- дахин, "ямар ч юмгүйгээр" хүссэн хуудасны URL-г оруулаад дүн шинжилгээ хийж дуустал бага зэрэг хүлээнэ үү. Үүний үр дүнд та хуудасны хурд (үүнтэй ажиллах талаар доороос уншина уу) болон YSlow гэсэн хоёр хөтчийн залгаасуудын өгөгдөл дээр үндэслэн хийсэн тайланг хүлээн авах болно. Үнэндээ ямар өгөгдөлд итгэх, хэний зөвлөмжийг дагаж мөрдөх нь та өөрөө шийдэх болно.

   

   Би энэ талаар аль хэдийн дэлгэрэнгүй бичсэн байгаа тул аль хэдийн төвөгтэй нийтлэлийг эмх замбараагүй болгохгүйн тулд дахин давтахгүй (хэрэв та эцсээ хүртэл уншвал өөрийгөө баатар гэж үзэж болно).

6. Пинг админ- манай өргөн уудам гаригийн янз бүрийн хэсгээс серверийн хариу өгөх хугацааг хэмжих ижил төстэй онлайн эх сурвалж.
   
   
7. Хост мөрдөгч- бараг ижил зүйл, зөвхөн өөр өөр улс орнууд.
8. ByteCheck— оновчлолын явцад ихэвчлэн анхаардаг сайтынхаа TTFB (Time To First Byte) утгыг хэмжих боломжийг танд олгоно. Энэ бол хөтөч серверээс эхний байт өгөгдлийг хүлээн авах цаг юм. TTFB-ийн утга өндөр байх тусам сервер нөөцийг удаашруулдаг бөгөөд энэ нь муу юм. Вэбсайт ачааллыг оновчтой болгох зөвлөмжийг уншина уу.
9. Ачааллын нөлөө- Энэ бол бүхэлдээ хурдны тухай биш, гэхдээ энэ нь бас чухал үйлчилгээ юм. Энэ нь таны сайтын ачааллын хүчин чадал, хуудас ачаалах хурд буурч байгаа эсэхийг шалгах боломжийг танд олгоно. Маш хэрэгтэй зүйл.
10. Вэб хуудасны хурд- 90-ээд оны эхэн үеийн загвартай онлайн үйлчилгээ, гэхдээ ашиглах боломжгүй байдалд дасан зохицоход нэлээд мэдээлэл сайтай. Нөхцөл байдлыг засах ерөнхий зөвлөмжийг доор харуулав.

Хуудас ачаалах хурдыг хянах нь үнэхээр чухал уу?

Харин хурдыг хэмжихээс буцаад түүнийг нэмэгдүүлэх боломжийг эрэлхийлье. , өмнө нь сайтыг ачаалах хурдны үнэлгээг өгсөн туршилтын "Сайтын үр ашиг" таб байсан.

Ерөнхийдөө тэнд заасан ачаалах хурдад гэмт хэрэг гэж байхгүй, гэхдээ миний блог сайт интернет дэх бүх вэб нөөцийн 84 хувиас удаан ачаалагдсан нь аль хэдийн хариу өгөх ёстой хонх болсон. Гэхдээ Google миний блогийг хурдны хувьд гадны хүн гэж үзэж байгаа тул энэ асуудалд нухацтай хандаж, үүнийг хэрхэн нэмэгдүүлэх талаар нухацтай авч үзэх нь зүйтэй болов уу.

Үнэн хэрэгтээ ямар нэгэн онцгой зүйл зохион бүтээх шаардлагагүй байсан, учир нь Google өөрөө хамгийн их санал болгодог оновчтой шийдэл. Илүү нарийвчлалтай хэлэхэд тэрээр сайтаа бага зэрэг (эсвэл маш их) хурдасгахын тулд яг юу хийх хэрэгтэйг ойлгоход туслах хэрэгслийг ашиглахыг санал болгож байна. Би онлайн үйлчилгээний тухай ярьж байна Хуудасны хурд(өмнө нь ижил нэртэй өргөтгөлүүд бас байсан FireFox хөтөчболон миний голчлон ашигладаг Chrome).

Энэ хэрэгсэл нь энгийн вэбмастеруудад маш нарийн төвөгтэй, бүрэн ойлгомжгүй зүйл дээр ажилладаг бөгөөд энэ нь ихэвчлэн нарийн мэдрэмж, нюансуудтай холбоотой байдаг гэдгийг би даруй мэдэгдье. Вэб ажилсервер. Хэрэв та хэзээ ч сервер удирдаж байгаагүй бол энэ нь хэцүү байх болно.

Гарах арга зам бий - хостоо стресст оруулаарай Peige Speed-ийн зааж өгсөн үйлдлүүдийг гүйцэтгэх сэдвээр. Тэр зөвшөөрч байна уу үгүй ​​юу гэдэг өөр асуудал. Би зүрхэлсэнгүй, учир нь хэн нэгэнд серверт нэвтрэх эрх өгөх нь эвгүй байдаг (би ийм л итгэлгүй хүн юм).

Асаалттай нүүр хуудас PageSpeed ​​нь модуль нь Apache эсвэл Nginx ажиллаж байгаа бол сервер дээрээ суулгахыг санал болгож байна (энэ нь миний хувьд):

Гэхдээ би серверийн удирдлагыг огт ойлгодоггүй, Юникстэй төстэй системүүдтэй хэзээ ч ажиллаж байгаагүй тул үүнийг хэрхэн хийснийг ойлгохгүй байна. Энэ нь WordPress дээр програм суулгах эсвэл залгаас оруулахаас хамаагүй хэцүү юм. Усанд орох өөр нэг түвшин. Хостер ч энэ талаар түүнд төвөг удаж зүрхэлсэнгүй. Ерөнхийдөө би энэ модулийг туршиж үзээгүй - магадгүй та үүнийг аль хэдийн туршиж үзсэн бөгөөд хэлэх зүйл байгаа байх ...

Ерөнхийдөө би Page Speed ​​​​-ийг анх удаа хөтчийн өргөтгөл болгон ашигласан (одоо миний ойлгож байгаагаар энэ нь ажиллахгүй байна). Өмнө нь үүнийг Firefox болон Chrome-ын хөгжүүлэгчийн хэрэгсэлд нэгтгэсэн. Үнэн, эхлээд (хэдэн жилийн өмнө) би түүний надад ямар зөвлөгөө өгч байгааг товчхон харсан бөгөөд бараг юу ч ойлгоогүй тул энэ нь надад тохирохгүй гэж шийдсэний дараа би хөнгөхөн зүрх сэтгэлээрээ PageSpeed-ийг устгасан. залгаас нь миний оюун санаанд шаардлагагүй, харь элемент юм.

Үнэн хэрэгтээ энэ залгаас юуг тангараглаж байгааг ойлгоход ч би үнэхээр юм юу хийхээ мэдсэнгүй, энэ бүхнийг арилгах, ямар нэгэн байдлаар блогоо хурдасгах. Ерөнхийдөө би хулганатай харьцуулахад илүү олон чухал зүйлийг тэр даруй олж мэдэв Вэб тохиргоосерверүүд (ялангуяа би тэднийг сайн ойлгодоггүй тул) жижиг бөгөөд ач холбогдолгүй мэт санагдсан.

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

Товчхондоо, би Mazila-д Page Speed ​​​​-ийг дахин суулгасан (одоо би үүнийг хийх шаардлагагүй), яг юуны талаар хамгийн их гомдоллож байгааг харлаа, мөн зарим зүйлийг сайжруулж чадсан хэвээр байна гэж найдаж байна. хурдыг бага зэрэг нэмэгдүүлээрэй.

P.S. Одоо Хуудасны хурдыг зөвхөн онлайнаар ашиглах боломжтой бөгөөд хөтөч дээр суулгах шаардлагагүй болсон (ямар ч тохиолдолд энэ залгаас нь Chrome-ын шинэ хувилбаруудтай нийцэхгүй байна), гэхдээ энэ нь мөн чанарыг өөрчлөхгүй.

Тиймээс, өмнө нь та хөтөч дээрээ залгаас суулгах шаардлагатай байсан бол одоо та зүгээр л явах хэрэгтэй энд, дүн шинжилгээ хийхийг хүсч буй хуудасныхаа URL хаягийг оруулна уу (at янз бүрийн төрөлхуудсууд ачаалах хурдтай холбоотой янз бүрийн асуудалтай байж магадгүй тул энэ хэрэгсэлд бүх сонголтыг шалгаж үзэх нь зүйтэй юм) цэнхэр "Шинжилгээ" товчийг дарна уу.

Баталгаажуулах үйл явцын үр дүнг хүлээсний дараа та дээрх дэлгэцийн зурган дээр миний үзүүлсэнтэй төстэй цонхыг текст дээр харах болно (тайлбарын 3-р догол мөрөнд). онлайн үйлчилгээсайтуудыг ачаалах хурдыг шалгахын тулд ov). Тэр. Үүний үр дүнд та энэ онлайн үйлчилгээнд таны нөөцийн талаар, тухайлбал ачаалах хурдтай холбоотой гомдлын бүх жагсаалтыг харах болно. Үүний зэрэгцээ тэрээр таны ашиглаж буй хөдөлгүүртэй уялдуулан вэб серверийн ажиллагааг оновчтой болгох талаар зарим зааварчилгааг өгөх болно.

Нэмж хэлэхэд, хуудасны хурдны цонхны хамгийн дээд хэсэгт таны үзэж, өөрчлөхийг хүсч буй санал, зөвлөмжүүд байх болно. юуны түрүүнд("Үүнийг баттай засах"), учир нь энэ нь ачаалах хурдыг нэмэгдүүлэхэд хамгийн их нөлөө үзүүлэх бөгөөд танаас хэт их хүчин чармайлт гаргах шаардлагагүй болно. Би бараг ойлгодоггүй жижиг төслүүдийнхээ нэгийг задлан шинжлэх жишээг хэлье.

Тэдгээр. зөвлөмжүүд болон илэрсэн асуудлуудыг улаан тэгш өнцөгтөөр тэмдэглэнэ анхаарлын тэмдэгЖагсаалтын хамгийн дээд хэсэгт байрлах нь хамгийн чухал бөгөөд тэдэнтэй оновчлолыг эхлүүлэхийг зөвлөж байна (тэдний хэлснээр хямд, хөгжилтэй), ингэснээр хамгийн их үр дүнд хүрэх болно.

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

Хэдэн жилийн өмнө миний анхны зураг (залаасыг ашиглаж байсан ч гэсэн - одоо ижил зүйлийг http://gtmetrix.com/ дээрээс харж болно, учир нь энэ нь PageSpeed ​​​​API ашигладаг) https://site-д зориулсан ийм байсан:

Дараа нь би "Хөтөчийг хөшүүрэг болгох" (одоо үүнийг гэж нэрлэдэг) эхний цэгээс эхлэхээр шийдсэн "Хөтөчийнхөө кэшийг ашигла"), учир нь Page Speed-ийн логикийн дагуу эдгээр зөвлөмжүүд нь миний блогийг хамгийн их хурдасгахад хүргэх ёстой.

Хэрэв та энэ бичээсийн хажууд байгаа спойлер дээр дарвал оновчтой шаардлага хангаагүй янз бүрийн файлуудын жагсаалт гарч ирнэ. статик объектуудыг кэш хийх(скриптүүд, CSS файлууд, зургийн файлууд дээр ашигласан вэб хуудсууде) хэрэглэгчийн хөтөч дээр (жишээ нь уншигчид):

Тэдгээр. Ачаалах хурдыг нэмэгдүүлэхийн тулд PageSpeed ​​​​Insights нь бусдыг үзэх үед эдгээр статик элементүүдийг серверээс дахин ачаалахгүйн тулд хэрэглэгчийн хөтөч дээрх вэб хуудасны янз бүрийн элементүүдийн кэшийг оновчтой тохируулахыг бидэнд зөвлөж байна. Онолын хувьд энэ бүхэн маш ойлгомжгүй сонсогдож байна, учир нь би хөтчүүдийн ашигладаг кэшлэх механизмын талаар ямар ч ойлголтгүй байна (энэ тухай болон үүнийг хэрхэн арилгах талаар уншина уу).

Нэмж дурдахад бид таны байршуулах серверийн механизмыг ашиглан статик объектуудын кэшийг оновчтой болгох болно. Маш ойлгомжгүй, гэхдээ би танд аль хэдийн санал болгох болно бэлэн шийдлүүд, Оросын интернетээс олдсон бөгөөд та тэдгээрийг туршиж үзээд аль нь таны хостинг дээр хамгийн сайн ажиллахыг шийдэх болно.

Хөтөчийн кэшийг оновчтой болгож, түүний ажиллагааг шалгаж байна

Үнэн, энэ нь миний одоогийн хостинг дээр ажиллахгүй байсан, учир нь би одоо Apache болон nginx-ийн хослолтой болсон (би сүүлийнхийг тохируулах шаардлагатай байна, үүнийг hoster надад үл мэдэгдэх байдлаар хийсэн). Гэхдээ хэрэв танд цэвэр Апачи байгаа бол доор санал болгож буй арга ажиллах болно.

Ерөнхийдөө бид таны төслийг байршуулсан серверт статик элементүүдийн кэшийг оновчтой болгоход чиглэсэн хөтчүүдэд тушаал өгөх байдлаар нөлөөлөхийг хичээх болно. Бид үүнийг нэлээд сайн мэддэг хүнээр дамжуулан хийх болно хэрэгсэл алсын удирдлагасервер - файл .htaccess. Ийм зүйл байдгийг та мэдэх үү?

Энэ нь ихэвчлэн үндсэн хавтсанд амьдардаг. Мэдээжийн хэрэг, доор тайлбарласан бүх зүйл зөвхөн Apache-г ажиллуулдаг серверүүд дээр ажиллах болно, гэхдээ дүрмээр бол тэдгээр нь дийлэнх юм. FTP ()-ээр нөөцдөө холбогдсоны дараа үндсэн фолдерыг (ихэвчлэн PUBLIC_HTML эсвэл HTDOCS) нээж, дотор нь .htaccess файл байгаа эсэхийг шалгана уу.

Одооноос эхлэн та бүх зүйлийг өөрийн эрсдэл, эрсдэлээр хийх болно. Тиймээс, ямар нэг зүйл тохиолдвол та хурдан буцаах боломжтой тул энэ файлын хуулбарыг компьютер дээрээ татаж авахаа мартуузай.

Хэрэв .htaccessхарагдахгүй байгаа бол FileZilla программ дээр оролдоод дээд цэснээс "Сервер" - "Хүчээр харуулах" гэсэн зүйлийг сонгоно уу. далд файлууд" Хэрэв үүний дараа ч гэсэн энэ нь үндсэн дээр гарч ирэхгүй бол компьютер дээрээ өөрт тохирох аль ч засварлагчаар хоосон текст файл үүсгээд (би NotePad Plus Plus ашигладаг), ямар нэг нэр өгөөд root руу хуулна уу.

Үүний дараа энэ файлын нэрийг FileZilla дээр .htaccess болгож өөрчил. Одоо та үүнийг засварлахын тулд нээж, доорх кодыг нэмэх хэрэгтэй болно. Гэхдээ эхлээд жаахан тайлбарлая.

Apache ажиллаж байгаа вэб сервер дээр энэ сонголтыг идэвхжүүлэх хамгийн түгээмэл арга бол mod_headers эсвэл mod_expires модулиудыг ашиглах явдал юм. Хэрэв онлайн үйлчилгээ нь эдгээр Apache модулиудын ядаж нэгийг таны сервер дээр суулгасан бол доорх код нь хөтөч дээр статик кэшийг идэвхжүүлэхэд тусална.

Эхлээд би чамд өгье mod_headers модулийн код. Таны хост энэ модуль байгаа эсэхийг шалгахын тулд чек ашигладаг болохыг анхаарна уу. Хэрэв энэ нь олдохгүй бол код ажиллахгүй бөгөөд ямар ч алдаа гарахгүй. Гэсэн хэдий ч, би дахин нэг удаа та бүхэнд тохиолдлоос зайлсхийхийн тулд эх хувийг (доорх кодыг нэмэхээс өмнө) .htaccess файлыг компьютер дээрээ хуулж авахыг зөвлөж байна.

#cache html болон htm файлуудыг нэг өдрийн турш хадгална Толгой хэсгийн багц Cache-Control "max-age=43200"#cache css, javascript болон текст файлууднэг долоо хоногийн турш Толгой хэсгийн багц Cache-Control "max-age=604800"Сарын турш # кэш флаш болон зураг Толгой хэсгийн багц Cache-Control "max-age=2592000"#кэшийг идэвхгүй болгох Толгой хэсэг нь Cache-Control тохиргоог болиулсан

Та тайлбарыг устгаж болно (тэдгээрийн мөрүүд нь хэш тэмдгээр эхэлдэг), гэхдээ тэдгээр нь кодын үйл ажиллагаанд ямар ч байдлаар нөлөөлөхгүй.

Илүү ихийг нэмэх боломжтой болно mod_expires-д зориулсан модулийн кодын блок, энэ нь таны сервер дээр байгаа эсэхийг дахин шалгадаг бөгөөд энэ кодыг ашиглахад аюулгүй эсэхийг баталгаажуулдаг:

ExpiresActive On #default cache 5 seconds ExpiresDefault "access plus 5 seconds" #cache flash and images of a month ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access plus Expires Expires image/jpeg "Bspngy" хандалт нэмэх 2592000 секунд" ExpiresByType image/gif "хандалт нэмэх 2592000 секунд" ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" #cache css, javascript болон текст файлуудыг нэг долоо хоног ExpiresByT608spe "plussByType" ExpiresByType text/javascript "access plus 604800 seconds" ExpiresByType application/javascript "access plus 604800 seconds" ExpiresByType application/x-javascript "access plus 604800 seconds" #cache html болон htm файлууд нэг өдрийн турш ExpiresByType application/javascript "access plus 604800 seconds" " #кэш xml файлуударван минутын турш ExpiresByType application/xhtml+xml "хандалт нэмэх 600 секунд"

Сэтгэгдлүүдийг дараа дахин устгах боломжтой.

Хэрэв энэ нь ажиллахгүй байгаа ч та гайхамшгийг хүлээж байгаа бол энд ижил кодын хэд хэдэн хувилбар байна, гэхдээ бүгдийг нэг дор биш нэг нэгээр нь туршиж үзээрэй:

1. ExpiresActive On ExpiresByType application/javascript "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" ExpiresByType text/css "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image plus жил" ExpiresByType image/png "хандалт нэмэх 1 жил"
2. Толгой хэсгийн багц Cache-control: private Толгой хэсгийн багц Cache-control: public
3. BrowserMatch "MSIE" хүчээр өөрчлөхгүй BrowserMatch "Mozilla/4.(2)" хүчээр өөрчлөхгүй
4. FileETag MTtime Хэмжээ ExpiresActive дээр ExpiresDefault "хандах эрхтэй нэмэх 1 сар"

Одоо та зочны талын хөтчийн кэшийг оновчтой болгох замаар хурдыг нэмэгдүүлэх боломжийг олгодог .htaccess-д код оруулж, хийсэн өөрчлөлтүүдийг хадгалсны дараа PageSpeed ​​​​Insights болон нөөцийн хуудсаа дахин шалгана уу. асуудал арилсан эсэхийг шалгаарай:

Таны харж байгаагаар миний хувьд "Хөтөчийнхөө кэшийг ашигла" нь ачааллыг удаашруулдаг чухал дутагдал байхаа больсон бөгөөд энэ тэмдэглэлийн хажууд байгаа дүрс улбар шар болж өөрчлөгдсөн боловч ногоон өнгөтэй болсонгүй. Харамсалтай нь, миний сайт статик контент (Yandex, Google, Feedburner, Aptulaik гэх мэт) ачаалдаг гуравдагч талын үйлчилгээнд нөлөөлөх боломжгүй.

Q.E.D. Тиймээс, бид Page Speed-д олдсон хамгийн чухал бөгөөд чухал асуудлуудын нэгийг эрэмбэлсэн.

Сервер дээрх статик объектуудын шахалтыг хэрхэн идэвхжүүлэх вэ

Түүнчлэн, GTmetrix үйлчилгээний гомдоллодог нийтлэг асуудал бол сервер дээрх файлуудыг хэрэглэгчийн хөтөч рүү шилжүүлэхээс өмнө шахдаггүй явдал юм.

Үүнийг би аль хэдийн бичсэн энэ тохиолдолд ашигладаг. Хэрэв та шууд PageSpeed ​​​​Insights-ээр биш, харин GTmetrix-ээр дамжуулан дүн шинжилгээ хийвэл PageSpeed ​​талбарт "Шахалтыг идэвхжүүлэх" хэсгийг "Gzip шахалтыг идэвхжүүлэх" гэж нэрлэдэг бөгөөд YSlow-д үүнийг "Gzip ашиглан бүрэлдэхүүн хэсгүүдийг шахах" гэж нэрлэдэг.

Apache сервер ашигладаг хостингууд дээр ижил Gzip шахалтыг идэвхжүүлэхийн тулд .htaccess файлд (энэ нь алсын серверийн удирдлагын файл) тохирох кодыг нэмэхэд хангалттай. Apache шахалтын хоёр модультай бөгөөд тэдгээрийн нэгийг нь таны хост суулгах болно (хэдийгээр энэ нь баримт биш).

Хамгийн түгээмэл нь - үүнээс эхэлцгээе. Бүх сайтад 500 алдаа гаргахгүйн тулд бид кодонд энэ модуль байгаа эсэхийг дахин шалгана.

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript

Бага зэрэг түгээмэл биш тул шаардлагатай файлын төрлүүдэд Gzip шахалтыг идэвхжүүлэх код дараах байдалтай байна.

mod_gzip_on Тийм mod_gzip_dechunk Тийм mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include mime ^text\.* mod_gzip_item_include mime ^application/x-tem.gm_mime_include mode_gzip.ex zip _item_exclude rspheader ^ Агуулга-кодчилол:.*gzip.*

Үнэндээ кодыг суулгасны дараа PageSpeed ​​Insights дээрх хуудсыг шалгаж үзээрэй. Хэрэв асуудал арилвал өөрийгөө азтай гэж бодоорой. Nginx-тэй Apache байгаа тул энэ бүхэн надад тус болсонгүй (хостер нь nginx нь статикийг хариуцдаг гэж хэлсэн, энэ тохиолдолд үүнийг тохируулах шаардлагатай байна - тэр яаж хийснийг би мэдэхгүй байна).

Танд амжилт хүсье! Удахгүй блог сайтын хуудсууд дээр уулзацгаая

Та сонирхож магадгүй

GTmetrix дээр сайтын хурдыг хэмжих, нэмэгдүүлэх, мөн Google CDN-ээс jQuery номын санг ачаалах тохиргоог хийх.
Сайтын ачааллыг хурдасгахын тулд Gzip шахалт - .htaccess файлыг ашиглан Js, Html болон Css-д хэрхэн идэвхжүүлэх вэ
Вэбсайтыг ачаалах хурдыг нэмэгдүүлэх, серверийн ачааллыг хэрхэн оновчтой болгох вэ
Вэбсайтыг хурдасгах - энэ нь юу хийдэг, хэрхэн хэмжих, вэбсайтыг хэрхэн хурдасгах вэ
Бүтээл CSS спрайтуудсерверт ирэх хүсэлтийн тоог багасгахын тулд Sprites Me онлайн генератор дээр
Хуудасны хурд дахь CSS-ийг оновчтой болгох, шахах - хэрхэн идэвхгүй болгох вэ гадаад файлуудачааллыг хурдасгахын тулд тэдгээрийг нэг загварт нэгтгэж болно
Хэрхэн хурдан вэбсайттай болох вэ - зураг, скриптийг оновчтой болгох (шахах), Http хүсэлтийн тоог багасгах.