İnkişaf
Yüklənmə sürəti: bu, niyə puldur
Yavaş sayt ziyarətçiləri təklifi görməzdən əvvəl itirir. Adətən nəyin ləngitdiyini, nəyin tez düzəldildiyini, nəyin isə arxitekturaya daxil olduğunu təhlil edirik.
Saytın sürətini nadir hallarda kommersiya parametri kimi qəbul edirlər. O, hesabatlarda müraciət dəyərinin yanında görünmür və onu kimsə şikayət edəndə müzakirə etməyə başlayırlar. Bununla belə, yavaş yüklənmə nəticədən iki dəfə çıxılır: ziyarətçilərin bir hissəsi səhifəni gözləmədən gedir, qalanlar isə onu axtarışda daha nadir görür, çünki sürət səhifənin keyfiyyət qiymətləndirməsinə daxildir.
Sürət itkilərə necə çevrilir
Mexanika sadədir. İnsan keçidə basdı və boş ekrana baxır. Ekran boş olduqca, o, təklifiniz barədə heç nə bilmir — nə qiymət, nə şərtlər, nə arqumentlər. Onu yalnız gözləmə inersiyası saxlayır və o, sonsuz deyil.
Sonra üç tipik nəticə var və üçü də sizə sərfəli deyil:
- Ziyarətçi vərəqi bağlayır və növbəti nəticəni — rəqibi açdığı axtarışa qayıdır.
- Ziyarətçi yüklənməni gözləyir, amma yavaş saytda daha qənaətcil davranır: daha az səhifəyə baxır, kartları daha nadir açır, formaya daha nadir çatır.
- Ziyarətçi düyməyə basır, heç nə baş vermir, bir daha basır. Ən yaxşı halda bu, müraciət dublikatıdır, ən pis halda — tərk edilmiş səbət.
Reklam ayrıca işləyir. Hər keçidə görə yüklənmə anında deyil, klik anında ödəyirsiniz. Səhifə uzun açılırsa, faktiki olaraq olmamış ziyarətə görə ödəmisiniz.
Və üçüncü təbəqə — axtarış. Axtarış sistemləri yüklənmənin real istifadəçi təcrübəsini ölçür, bu metrikalar Core Web Vitals kimi tanınır: əsas məzmun nə qədər tez görünür, səhifə hərəkətə nə qədər tez cavab verir, yüklənmə zamanı maket tullanmırmı. Sürət uyğunluğu üstələmir, amma materialların müqayisə edilə bilən keyfiyyətində yavaş saytın əleyhinə işləyir.
Sürət texniki mükəmməlliyə görə deyil. Bu, ümumiyyətlə neçə nəfərin göstərilməsinə görə ödədiyinizi gördüyünə görədir.
Adətən nə ləngidir
Şəkillər
Birinci və ən tez-tez rast gəlinən səbəb. Kameradan yüklənmiş və ya fotobankdan endirilmiş foto səhifəyə lazım olandan dəfələrlə çox çəkir. Əsas səhifədə on belə şəkil — və qalan hər şeydən asılı olmayaraq yüklənmə ağırlaşır.
Buradakı tipik səhvlər: maket üçün hazırlanmış ölçü əvəzinə orijinal ölçü; müasir formatlar əvəzinə köhnəlmiş format; fərqli ekranlar üçün müxtəlif variantların olmaması, buna görə telefon böyük monitor üçün hesablanmış şəkli çəkir; uzaq aşağıda olanlar da daxil olmaqla səhifənin bütün şəkillərinin dərhal yüklənməsi.
Yaxşı xəbər: bu, demək olar ki, həmişə və saytı yenidən qurmadan düzəldilir.
Artıq skriptlər
Brauzerdə icra olunan kodu əvvəlcə yükləmək, sonra təhlil etmək, sonra icra etmək lazımdır. Zəif telefonda son iki mərhələ proqramçının iş noutbukundan nəzərəçarpacaq dərəcədə çox vaxt aparır.
Skriptlər nəzərə çarpmadan toplanır. Bir effekt üçün kitabxana qoşdular, sonra slayder üçün daha birini, sonra altı işarə üçün ikon dəstini tamamilə, sonra bütün qalınlıqları olan ağır şrift paketini. Ayrılıqda xırdalıq, birlikdə — ilk çəkilmiş ekrandan əvvəl gecikmə.
Kənar vidcetlər
Çatlar, xəritələr, xarici xidmətlərin formaları, rəy vidcetləri, sayğaclar, reklam sistemlərinin pikselləri, abunəlik üçün açılan pəncərələr. Hər belə vidcet sürətinə nəzarət etmədiyiniz başqasının serverindən koddur.
Ən pis variant — vidcetin səhifənin çəkilməsini bloklayacaq şəkildə qoşulmasıdır. Onda başqasının yavaş serveri məzmununuzun göstərilməsini birbaşa gecikdirir. Ayrıca vidcetləri sadəcə yenidən saymağa dəyər: onların bir hissəsini adətən çoxdan bağlanmış tapşırıq üçün qoyublar və onları çıxarmaq sürətlənməyin ən ucuz yoludur.
Server və bazaya sorğular
Olur ki, brauzerin çəkməyə bir şeyi yoxdur, çünki server uzun düşünür. Səbəblər müxtəlifdir: bazaya qeyri-optimal sorğular, keşləmənin olmaması, hostinqin zəif tarifi, hər səhifə baxışına ağır hesablamalar. Xaricdən bu, konkret şəkilə bağlı olmadan "sayt ümumiyyətlə ləngiyir" kimi görünür.
Şriftlər və tullanan maket
Ayrıca süjet — gecikmə deyil, xoşagəlməz davranış: mətn əvvəlcə görünmür və ya bir şriftlə göstərilir, sonra əvəzlənir, bloklar sürüşür, reklam ortaya əlavə olunur və məzmunu sürüşdürür. Formal olaraq səhifə tez yüklənib, faktiki olaraq ilk saniyələrdə ondan istifadə etmək olmur. Bu da səhifənin keyfiyyət qiymətləndirməsində nəzərə alınır.
Mobil internet — istisna deyil, normadır
Hazırlanma və qəbul demək olar ki, həmişə sürətli bağlantıda və yaxşı cihazda edilir. Real ziyarətçi saytı çox vaxt telefondan, metroda, yolda, zəif siqnalda, bir neçə il əvvəl alınmış cihazla açır.
Bu iki vəziyyət arasındakı fərq böyükdür və o, kanal sürətinə gətirilmir. Zəif prosessorda məhz kodun icrası baha başa gəlir: skriptlər nə qədər çoxdursa, fərq bir o qədər güclüdür. Buna görə sürəti ofis wi-fi-da deyil, real olana yaxın şəraitdə yoxlamaq lazımdır.
Nə düzəldilir, nə arxitekturaya daxildir
Problemlərin bir hissəsi nöqtəvi və nisbətən tez həll olunur:
- Şəkilləri sıxmaq və düzgün hazırlamaq, müxtəlif ekranlar üçün müxtəlif ölçülər vermək.
- Birinci ekranda görünməyənin yüklənməsini təxirə salmaq.
- "Hər ehtimala qarşı" qoşulmuş istifadə olunmayan skriptləri və kitabxanaları çıxarmaq.
- Kənar vidcetləri çəkilişi bloklamayacaq şəkildə, ağır olanları isə istifadəçi hərəkəti ilə qoşmaq.
- Serverdə keşləməni və sıxılmanı qurmaq.
- Şriftlər dəstini və onların qalınlıqlarını məhdudlaşdırmaq.
Digər hissə nöqtəvi müalicə olunmur. Səhifə əvvəldən brauzerin əvvəlcə böyük tətbiq yüklədiyi və yalnız sonra məzmunu çəkməyə başladığı şəkildə qurulubsa, heç bir şəkil optimallaşdırması bunu kompensasiya etməyəcək. Hər səhifədə bütün imkanlar dəstinin kodunun qoşulduğu yüklənmiş konstruktorlar və mövzularla; məlumat həcmi nəzərə alınmadan layihələndirilmiş bazayla; səhifəni hər dəfə sıfırdan yenidən yığan serverlə də eynidir.
Birini digərindən əlamətə görə fərqləndirmək olar: şəkillərin və skriptlərin təmizlənməsindən sonra nəzərəçarpan yaxşılaşma yoxdursa, məsələ məzmunda deyil, quruluşdadır. Onda dürüst söhbət optimallaşdırma barədə deyil, əsasda nəyi dəyişmək barədədir. Belə halları saytlar və veb-tətbiqlər üzərində işdə təhlil edirik.
Bu həftə nə etmək
- Saytınızı telefondan mobil internetdə açın — əsas səhifəni, kataloqu və bir daxili səhifəni.
- Əsas səhifələri istənilən açıq ölçmə alətindən keçirin və masaüstü deyil, mobil rejimə baxın.
- Əsas səhifədəki ən ağır şəklin nə qədər çəkdiyinə və ona belə ölçünün lazım olub-olmadığına baxın.
- Bütün kənar vidcetlərin siyahısını tərtib edin və onlardan hansının hələ lazım olduğuna dürüst cavab verin.
- Yüklənmənin ilk saniyələrində maketin tullanıb-tullanmadığını yoxlayın.
- Bir dəfə deyil, müntəzəm ölçməyə başlayın: sürət yeni məzmun və yeni qoşulmalarla birlikdə tədricən pisləşir.
Sürət birdəfəlik iş deyil, saxlanılmalı parametrdir. Bunu ən asan onun saytın qalan göstəriciləri ilə birlikdə — trafik mənbələrinə və müraciətlərə baxılan yerdə, yəni analitikada izlənildiyi zaman etmək olar.