Artiklen blev senest opdateret 16. juni 2017.
Du er nok landet her fordi du har en langsom Prestashop. Det kan ske for alle, når der bliver udviklet en del, tilføjet en masse produkter og indhold – så kan det godt ske at hastigheden falder. Jo flere scripts, billeder og elementer på din side – desto længere tid tager det for browseren at indlæse, og dermed bliver siden også hurtigere.
Ønsker du at få foretaget hastighedsoptimering af os kan du kontakte os her. Vi garanterer resultater!
Til sagen: Sådan gør du din Prestashop EKSTREM hurtig.
Krav: Indsigt i din Prestashop, teknisk viden, server viden.
Udgangspunkt: Prestashop 1.6, 1.5 & (1.7)
1. Prestashop Performance indstillinger
Prestashop Performance indstillingerne er virkelig brugbare. Med disse indstillinger slået til har du allerede taget første skridt mod et hurtigere Prestashop site.
Du finder disse indstillinger under: Avancerede parametre > Ydelse (CCC (KOMBINER, KOMPRIMER OG CACHE))
Vi anbefaler at alle knapperne i denne sektion bliver slået til, udover “Flyt JavaScript til bunden”.
Vær opmærksom, når du flytter JavaScript nederst!
Mange scripts kræver at deres kode bliver loadet først før alt andet f.eks. Optimizely eller lign. Vi har også oplevet problemer med Google Analytics og Dynamic Retargeting når JavaScript er flyttet til bunden. Vær derfor påpasselig med at gøre dette.
2. Hvad du ikke skal gøre
Undgå at sabotére din Prestashop. Her er fem ting du ikke skal gøre.
1. Slå ikke det indbyggede “filesystem cache” til.
Den nederste sektion under Avancerede parametre > Ydelse hedder CACHING. Denne bør du ikke slå til. Ja, det kan måske lyde som en god ide, men faktisk så bliver hjemmesiden blot endnu langsommere med denne caching maskine da der bliver tilføjet endnu mere cache. Brug hellere et caching modul (beskrevet længere nede).
2. Brug ikke Prestashops statistik moduler
De eneste du bør bruge vil nok være “Statistikoversigt” og “Salg og ordrer”.
Prestashops statistik moduler fylder meget af din database hvis du har en del ordre og besøgende. Dette kan have indflydelse på serveren og dermed hastigheden. Få istedet integreret Google Analytics fuldt ud med alle nødvendige sporingsfunktioner heraf: Almindelig tracking, Google eCommerce Tracking (salg og ordre) m.fl.
3. Brug ikke for mange skrifttyper
Hold dig til højst 3 skrifttyper på dit site. Flere skrifttyper betyder der skal loades flere ressourcer og dermed langsommere hastighed. Bruger du Typekit eller Google Fonts så bør du kun inkluderer de skrifttyper og styles som du bruger i dit script.
4. Ikke for mange eksterne tracking scripts
Tracking er sjovt, men for meget tracking kan gøre din Prestashop langsommere. Ønsker du f.eks. en 100/100 score på Google PageSpeed skal du faktisk downloade Google Analytics koden lokalt.
Se hvordan du gør her
Du kan også nøjes med at købe dette modul som optimerer Google Analytics på din side så du får en højere PageSpeed score. Tryk her for at se
Tilbage til scripts. Fjern dem du ikke har brug for. Fjern f.eks. Hotjar scriptet i de perioder du ikke bruger det. Har du mange Tracking Scripts kan du også samle dem alle under et tag med: https://segment.com/
5. Uploade store billeder og gøre dem mindre i HTML koden
Hvis du er lidt teknisk og kan HTML, så kan det være f.eks. være du har hardkodet et billede på forsiden. Nogle programmører uploader store billeder og så minimerer de billedet i koden ved at angive bredden og højden for billedet. Det er fint rent visuelt, men det dræber hastigheden, hvis billedet er større end den plads det skal bruge. Sørg derfor for at uploade billeder med eksakt størrelse.
Videre til næste trin.
3. Prestashop Cache modul
Et cache modul er utrolig vigitgt og kan øge din hastighed drastisk. Uden at skrive alt for meget om det så er et cache modul utrolig vigtigt på din side. Hvis du ikke er helt teknisk anlagt undrer du dig nok over hvad cache er. Når vi taler om browser cache så er cache en funktion som gemmer (midlertidigt) den side man er inde på, så den dermed bliver hurtigere at indlæse næste gang man besøger den. Med andre ord: Cache er et midertidigt lager.
Et godt Cache modul vi anbefaler: jPresta Cache Modul
Du kan tydeligt mærke forskel med et cache modul efter du har installeret det.
4. Serverens PHP Version
Du har måske hørt om det før: PHP 5.5, PHP 5.6 eller PHP 7
Hvorfor er PHP versionen vigitgt? 1. Hastighed, 2. Sikkerhed. Du læser nok dette indlæg fordi du er interesseret i hastighed – men sikkerhed er heller ikke en dårlig ting!
Kører du en Prestashop bør du som minimum have PHP 5.5 på din server. Hvis du er i tvivl kan du spørge din host. PHP 5.5 og 5.6 er meget solide, og det kan Prestashop 1.5, 1.6 og 1.7 fint køre med.
Vil du sparke endnu mere r*v med hastigheden og sikkerheden bør du overveje PHP 7. Har du en VPS og kører du med Prestashop 1.6.1.5+ bør du fint kunne køre PHP 7. Hvis du har en Prestashop version der er lavere kan der opstå problemer. Uanset hvad, så bør du tage en backup og prøve PHP 7. Prestashop 1.5 kan ikke køre PHP 7.
5. Download dine skrifttyper lokalt
Der er lavet et virkelig godt værktøj der hedder localfont. Prestashops standard tema bruger Open Sans. Med localfont kan du downloade alle gængse skriftyper samt Google Fonts lokalt. Når du har downloadet dem får du en CSS guide over hvordan du skifter. Hvis du har styr på CSS bør dette være nemt for dig, ellers kan du altid på en professionel til at hjælpe.
Vi har testet det på en Prestashop, og her kan du se forskellen ud fra Google Pagespeed resultater.
6. Optimer billederne
Optimer alle dine billeder. Start med at kombrimere dine bannere på forsiden, og diverse statiske bannere. Du kan bruge https://kraken.io/ til at komprimere. Først downloader du billedet fra din side, upload deraf billederne til kraken, download komprimerede billeder fra kraken og upload dem derefter på din server igen.
Med dette kan du allerede se væsentlige resultater. Store billeder tager næsten altid halvdelen af loadtiden.
Få hjælp af en optimeringsekspert
Det er ikke alle der er lige tekniske. Vi er eksperter i Prestashop hastighedsoptimering, og får altid Google Pagespeed score op på 90+. Her kan du se et case med Watchfelt.dk
Eller se hvordan vi gjorde Fidget Spinner handspin.dk hurtigere her
Inden vi begyndte optimering så det således ud på Google Pagespeed (MEGET ringe)
Efter optimeringen:
Ønsker du din Prestashop hastighedsoptimeret kan du kontakte os her.
Prestashop hastighedsoptimering fra kun 8.500 + moms
Med vores optimering får bl.a. du:
- Hastighedsdiagnose
- Hastighedsrapport
- Hastighedsoptimering
- CSS optimering
- JS optimering
- Moduloptimeringer
- Forsideoptimering
- Produktside, kategoriside, cmsside og kurv optimering
- Billede optimering (uden at kunne se forskel på kvaliteten)
- Statiske billeder
- Produktbilleder
- Kategoribilleder
- Script optimering (viabill js, analytics, hotjar m.fl.)
- CDN opsætning
- Cache modul
- SSL optimering
- Serveroptimering
- Garanteret 90+ score på Google Pagespeed (i mange tilfælde 95+)
- Som minimum halveret loadtid*
- GRATIS! Guide til hvordan du vedligeholder hastigheden på sitet
Vi sammenligner data ud fra:
- Google Pagespeed
- GT Metrix
- Pingdom
- Webpagetest.org
Interesseret? Ring i dag på 60 80 40 40 eller kontakt os på info@bulldesign.dk
*Halveret loadtid forudsætter at din webshop ikke er optimeret i forvejen.
En uoptimeret webshop har typisk en loadtid på 3-6 sekunder.
