Pagespeed - Optimering af Prestashop webshop

Hermed sendt i privat da jeg ikke kan vise mine kunders link her :)

Link må du gerne få så mon jeg får et link tilbage med din påstand :)

100% behøver det skam ikke være men en som har løst CSS og JS.
Mener det var det du skrev....

Venter spændt på linket

Firmaconnect.net:

100% behøver det skam ikke være men en som har løst CSS og JS.
Mener det var det du skrev....

Gjorde det for noget tid siden for s360s hjemmeside. Du kan se scoren her: https://developers.google.com/speed/pagespeed/insights/?url=www.s360.dk

Det handler bare om at følge deres regler. Simpelt 

Det er sgu godt gået Anders.
hatten af :)
Nu er det så ikke en shop men godt gået alligevel, hvor lang tid tog det at fjerne så godt?
Kan se du kører nginx og bygget i jQuery framwork og her taler vi Prestashop.

Igen godt bygget, virkelig godt endda men lad os komme tilbage til udgangspunket, det er en prestashop.

Tue.....
Som allerede skrevet i PM til dig...
Jeps, pil api fra og du vil opdage at jeg taler sandt.

Denne side er koblet op på analytics, mailchimp, hotjar, a/b tasty og mange flere.
Disse sider kan vi ikke styre fordi vi simpelthen ikke har adgang til deres server og derfor nul kontrol.
Så skal vi spørge de forskellige API udbyder og ikke vi må rode i deres system

Siden loader på under 30 ms og vil gøre det hvis piller dem af som du vel ved man kan fra din browser.

Troede faktisk du vidste dette og pillede det af inden test.... undskyld jeg ikke forklarede dette

Firmaconnect.net:

Tue Skaarup:

Firmaconnect.net:

Page speed insights vil altid sige JS og CSS med mindre du fjerner alt JS, CSS og billeder.

Nej.

Firmaconnect.net:

Hvis du vil have virkelig speed på din shop handler det om server hardware og software.

Nej, ved hastighedsoptimering hentes der typisk 80% i front-end og kun 20% i back-end. Det er vigtigt at gøre sig klart, fordi man ellers kommer til at fokusere på sin server og hosting i stedet for sin front-end, hvor der typisk er mest at hente. Undtaget er selvfølgelig hvis serveren eller hostingen er umådelig langsom.

Firmaconnect.net:

Til mine kunder er jeg nede på en loadtid på under 30 ms per side med standard tema i prestashop.

Du leverer uden tvivl rasende hurtige websites til dine kunder, men nok ikke med en sideloadtid på under 30 ms.

1. okay, vil gerne se en side på 100%..... har du et link?

2. Så kan vi jo bare købe en billig host til 10 kr. pr måned... det trick vil jeg gerne lære, kan jeg ansætte dig til at gøre det hos mine kunder?
God løn gives....

3. Jo jeg gør... har dog også taget mig 2 år at udvikle... om du tror det eller ej

Tue Skaarup:

Så jeg har ingen ide om hvad det er du måler, men sideloadhastighed er det i hvert fald ikke. Du fortæller vel ikke dine kunder, at sideloadhastigheden for de løsninger du leverer er 30 ms, vel?

Tue Skaarup:

Firmaconnect.net:

Jo og viser dem det så de kan se med egne øjne og de er meget tilfredse :)
Kan gøre det i prestashop 1.6 og 1.5

I så fald er du på vildspor og vildleder dine kunder. Prøv at checke op på hvad sideloadhastighed er.

I øvrigt virker du ikke modtagelig for saglighed, så vi må hellere stoppe dialogen her.

Gammel hund er jeg dog ikke :-)

Med det sagt, jeg ved ikke hvordan folk måler deres hastighed - men nogle ting skal vi have på plads:

- En standard Prestashop i sig selv, er relativt 'let' for en server, for at rendere HTML's der bliver sendt tilbage til brugeren - snakker vi udelukkende download af siden, men ingen eksterne ressourcer kan man måske i meget få tilfælde opnå 30ms.. Hvorfor kun få tilfælde?

Vi skal tage højde for nogle ting:

- Prestashop i sig selv er PHP, og php er ikke ufattelig hurtigt, selv med en godt optimeret server, php7, og en CPU på 3.7 ghz (ret high-end, selvfølgelig kan man få højere), vil du kunne opnå 45-60ms (jeg tager DNS lookup, TCP connect, TTFB osv som en del af det:

time_namelookup: 0.012
 time_connect: 0.013
 time_appconnect: 0.000
 time_pretransfer: 0.013
 time_redirect: 0.000
 time_starttransfer: 0.046
 ----------
 time_total: 0.052

Eksemplet ovenfor er gjort på en server placeret i et datacenter, til en server 0.4 ms fra den, så vi udelukke ens RTT i form af at sende data frem og tilbage - stadig, svært at opnå 30ms, men det her er baseret på en standard Prestashop løsning, og målingen sker kun på et downloade én del, nemlig det markup der starter download af de andre.

Vi snakker om et sprog der er dybt afhænging af mængden af gigahertz man har på én core, da PHP er single threaded - så ville du bruge en 4.4ghz CPU, ville du selvfølgelig kunne opleve bedre tider, men desværre ikke meget.

Måler vi realistisk, skal vi beregne at folk har en RTT til serveren på 10-50ms fordi det er et meget realistisk bud på hvad end-users vil se, selv indenfor Danmark hvis de ligger hos danske udbydere.

Har du en round trip på 25ms, vil du aldrig kunne nå det indenfor 30ms, ingengang indenfor 100, lad os tage et eksempel, introducere vi en round trip time på 28ms, vil siden der før tog 0.052 sekunder at lave et curl request på, pludselig tage 0.149 sekunder:

time_namelookup: 0.001
 time_connect: 0.029
 time_appconnect: 0.000
 time_pretransfer: 0.029
 time_redirect: 0.000
 time_starttransfer: 0.091
 ----------
 time_total: 0.149

Siden blev altså 3 gange langsommere ved at introducere en latency på 28 millisekunder - er det meget? Sammenligner du ja - men kigger du generelt på internettet, nej - 150ms for DNS lookup, TCP connect, tiden for PHP at process dit request og downloade alt indholdet - så er det egentligt fint nok.

Vi skal også huske at de kun er de første få requests der vil tage lang tid, fordi du har ting som dit TCP handshake og TLS handshake som skal foregå, DNS queries der måske sker, og en del rendering server side hvis det er dynamisk indhold - så subsequent forespørgsler vil være hurtigere (forhåbentlig).

Kan du opnå 30ms på Prestashop teoretisk set er det fint, men realistisk set vil ingen kunder opleve det. Om det er en shop eller en normal side gør ingen forskel - normale sider kan kræve samme eller flere ressourcer som en shop kan, og loade samme eller flere antal billeder/js/css som en shop kan.

Og lad os være realistiske, hvad der er vigtigst er at brugeren har en god bruger oplevelse, og det kan du endda skabe ved din side måske ikke er lige så hurtig som din konkurrent, men at den føles hurtigere. Perceived performance er langt vigtigere end den faktiske performance.

Selvfølgelig skal man som ejer af en side eller udvikler gøre lidt for at være en god person og bruge nogle (ikke alle) best practices, men i sidste ende vi skal tænke mere på brugeren end noget andet.