det er ikke sikkert at browsere kender disse formater!
Browsere der understøtter WebP, vil sende det i en "Accept" header, Chrome vil f.eks sende:
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Det er derved meget nemt at levere indhold udfra hvad klienten understøtter, ved brug af Vary headers f.eks :) Det har ingen performance overhead at lave dette tjek, fordi det sker i webserveren.
Så bare fordi at nogle browsere ikke understøtter WebP eller de andre formater, betyder ikke man ikke skal bruge dem. WebP f.eks kan bruges af en ret stor procentdel af det trafik der eksistere, og kan resultere i op mod 90% mindre filstørrelse, uden at miste billedkvalitet - dog et gennemsnit på godt 26% i dens komprimering.
Det er ikke korrekt - komprimering i sig selv, behøves ikke give datatab (grimmere grafik), komprimering er at bruge algoritmer til at tage noget data og få det til at fylde mindre. Nogle komprimeringer er "lossless", andre er "lossy" - lossless har ikke datatab, og vil via dekomprimering resultere i det præcis samme data som før du komprimerede det. lossy derimod vil komprimere ting på sådan en måde, at man fjerner dele af dataen (kan gøres meget intelligent), dette vil yderligere gør ting mindre, men det betyder at kvaliteten bliver forringet - det er dog ikke ensbetydende med at det faktisk er noget dit øje kan se - det kommer helt an på hvordan og hvor meget du komprimere via en "lossy" komprimeringsmetode.
Hejsa
Jeg har kørt en page speed test og få et nedslående resultat.
Min side http://idet.dk performer i kategorien LANGSOM. :-(
Når jeg kigge på, hvad jeg kan gøre ved det, nævnes der:
"Billedformater såsom JPEG 2000, JPEG XR og WebP giver ofte en bedre komprimering end PNG og JPEG, hvilket betyder hurtigere downloads og mindre dataforbrug. "
Er det nogen der kan hjælpe mig med hvad jeg skal gøre - sådan rent praktisk ?
På forhånd tak. :-)
Mvh. Morten
Der er flere ting der kan gøres, men lad os starte fra en ende af:
- Du bør opdatere din PHP version fra PHP 5.6 til 7.1, 7.2 eller 7.3 (nyere er bedre), dette kan i mange tilfælde gøre siden dobbelt så hurtig på serveren, til tider betydeligt mere.
- Dit webhotel er langsom til at opbygge siden hvis man rammer siden uden cache - dette kan enten være siden som laver noget "tungt" eller en server der måske har lidt for mange kunder eller for lidt ressourcer til den mængde kunder der er på den (pris og kvalitet hænger ret ofte sammen).
- Autoptimize kan negativt sløve din side såfremt den ikke har oprettet dens "cache filer", en ting man skal være meget opmærksom på.
- Din side bruger allerede WebP billeder såfremt browseren understøtter det via det CDN du bruger gennem dit JetPack plugin - dog ser PageSpeed det ikke, fordi at det CDN du får igennem JetPack ikke tager højde for det system hos PageSpeed der laver testen, fordi PageSpeed sender nemlig ikke en "Accept"-header om at de understøtter WebP.
- WordFence laver dens fantastiske "live human" kald, som er langsomt og unødigt, det øger loading tiden, og benytter unødige ressourcer i form af CPU på serveren, hvilket kan sløve ting ned - anbefaling er at slå "Live Human" fra i WordFence's indstillinger.
- Billedet https://idet.dk/wp-content/uploads/2016/12/IMG_3487c.jpg er langt større end det bør være, og bør skæres til siden, så fylder det nok 1/20 del af hvad det gjorde originalt.