Attēlu optimizācija
Attēlu optimizēšana ir procesu, kas samazina attēlu failu izmērus un nodrošina to efektīvu piegādi bez redzamas kvalitātes zuduma, uzlabojot lapas ātrumu un lietotāja pieredzi.
Attēli parasti veido 50-70% no tīmekļa lapas kopējā faila izmēra, padarot attēlu optimizēšanu par vienu no augstākās ietekmes veiktspējas uzlabojumiem, ko var veikt. Mērķis ir nodrošināt mazāko iespējamo faila izmēru, kas joprojām izskatās labi lietotāja ierīcē un ekrānā. Mūsdienu attēlu optimizācija ietver vairākas tehnikas.
Responsīvie attēli nodrošina dažādus izmērus atkarībā no lietotāja ekrāna (telefonam nav nepieciešams 4K attēls). Slēptā ielāde atliek attēlu ielādi, līdz tie tuvojas skatīšanās laukam. Kompresija samazina faila izmēru, noņemot nevajadzīgus datus.
Praksē
- E-komercijas vietne konvertēja 10 000 produktu attēlu no JPEG uz WebP un samazināja kopējo attēlu platumu par 45%, ietaupot $500/mēnesī tikai CDN izmaksās
- Nekustamā īpašuma vietne ieviesa responsīvus attēlus, nodrošinot 400px platus fotoattēlus mobilajās ierīcēs, nevis 2400px darbvirsmai, samazinot mobilās lapas ielādi par 4 sekundēm
- Ceļojumu bloga sākumlapu samazināja no 15 MB līdz 1,2 MB, izmantojot slēpto ielādi galerijas attēliem un modernus formātus, uzlabojot Google PageSpeed rezultātu no 28 līdz 92
- Ziņu aģentūra ieviesa attēlu CDN, kas automātiski formatē un pielāgo izmērus attēliem, novēršot vajadzību redakcijas komandai manuāli optimizēt fotogrāfijas pirms publicēšanas
Nezināt, kā tas attiecas uz jums?
Senior inženieris apstaigā jūsu objektu, jūsu meklēšanas klātbūtni un veidu, kādā nonāk pieprasījumi, un tad rakstiski norāda trīs lietas, ko vispirms vērts labot. Dokuments paliek jums neatkarīgi no rezultāta.