Magento 1 optimaliseren

Een snelle Magento shop is van belang voor een optimale gebruikerservaring voor de bezoekers van jouw webshop. Skyberate is al sinds begin 2009 bezig met Magento en heeft veel zaken onderzocht en getest om Magento optimaal te laten draaien. Onze servers zijn volledig geoptimaliseerd voor Magento, toch zien we vaak webshops die een hogere laadtijd vertonen dan nodig is. Onderstaand tref je een overzicht aan van verschillende zaken die belangrijk zijn om het maximale uit jouw Magento 1 webshop te halen.

Let op: maak je gebruik van Magento 2? Dan verwijzen wij je graag door naar onze handleiding: Magento 2 optimaliseren.

Magento 1 optimaliseren voor een optimale performance

Stap 1. De Magento cache activeren

Magento kan gebruik maken van een eigen cache functionaliteit. Je kan dit in jouw Magento backend als volgt activeren:

1. Log in op de backend van jouw Magento 1 store door jouw domeinnaam in te voeren gevolgd door /beheer. Bijvoorbeeld www.domeinnaam.nl/beheer.

2. Navigeer vervolgens naar Systeem > Beheer cache.

3. Vink alle Cache Soorten aan.

Cachegeheugen beheren

4. Kies bij Acties voor Activeer en druk op Verstuur.

Activeer cache

4. Vanaf dit moment wordt de cache gebruikt op jouw website. Wil je de cache van jouw Magento webshop legen, volg dan deze handleiding: Magento 1 cache legen.

Let op: als je gaat ontwikkelen is het verstandig de cache (tijdelijk) uit te schakelen.

Stap 2. Aanpassingen in .Htaccess

Verschillende snelheidswinsten kunnen worden behaald door gebruik te maken van deflate, dit is een methode om alle data van de server gecomprimeerd naar de bezoeker te versturen.

Let op: voor het bewerken moet er soms slechts één teken worden weggehaald of een regel worden toegevoegd.

Stap 3. Output Compressie met Deflate

Met het activeren van de mod_deflate.c module worden alle HTML, CSS en Javascripts gecomprimeerd naar de browser verzonden. Dit verkleind alle bestanden die door de browser worden gedownload waardoor pagina’s sneller worden geladen. Onderstaand een beschrijving hoe je Deflate kan activeren. Zorg dat de regels exact overeenkomen zoals hier onder beschreven.

############################################
## enable apache served files compression
## http://developer.yahoo.com/performance/rules.html#gzip

    # Insert filter on all content
    SetOutputFilter DEFLATE
    # Insert filter on selected content types only
    AddOutputFilterByType DEFLATE text/html text/plain text/xml
    text/css text/javascript application/javascript 

    # Netscape 4.x has some problems...
    BrowserMatch ^Mozilla/4 gzip-only-text/html

    # Netscape 4.06-4.08 have some more problems
    BrowserMatch ^Mozilla/4.0[678] no-gzip

    # MSIE masquerades as Netscape, but it is fine
    BrowserMatch bMSIE !no-gzip !gzip-only-text/html

    # Don't compress images
    SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary

    # Make sure proxies don't deliver the wrong content
    #Header append Vary User-Agent env=!dont-vary



Het resultaat:

htaccess5
Stap 4. Expires Header

Browsers gebruiken standaarden voor het bewaren van cached componenten. Sommige bestanden worden kort bewaard en andere bestanden worden wat langer bewaard, zoals statische componenten. Wij willen graag dat elke pagina wordt bewaard, omdat dit resulteert in een hogere snelheid. Om dat te realiseren moeten we de Module mod_expires.c activeren. Onderstaand een beschrijving over hoe je dit activeert.

 Module mod_expires.c. activeren

Wij gaan een regel tekst toevoegen ExpiresActive On.

############################################
## Add default Expires header
## http://developer.yahoo.com/performance/rules.html#expires

    ExpiresActive On
    ExpiresDefault "access plus 1 year"



Het resultaat:

Stap 5. Etags uitzetten

Met Etags onthoudt de browser of de cache gebruikt mag worden tussen bezichtigingen. Dit kan een vertraging opleveren met cluster hosting en daarom is het beter dat dit uitstaat. Onderstaand een beschrijving over hoe je Etags uitzet.

Uitzetten van Etags
############################################
## If running in cluster environment, uncomment this
## http://developer.yahoo.com/performance/rules.html#etags

    FileETag none

Het resultaat:

Stap 6. Optimalisatie in Magento Backend

Er kunnen in de backend nog wat zaken worden geoptimaliseerd waaronder het samenvoegen (mergen) van alle javascripts en css files in een bestand. Dit versnelt het laden van de pagina doordat de browser niet elke javascript of css file apart moet inladen.

1. Log in op de backend van jouw Magento 1 store door jouw domeinnaam in te voeren gevolgd door /beheer. Bijvoorbeeld www.domeinnaam.nl/beheer.

2. Nadat je bent ingelogd op jouw Magento backend navigeer je naar Systeem > Configuratie.

Systeem configuratie

3. In het menu gaan we naar het sub-menu Geavanceerd en vervolgens kiezen we voor Ontwikkelaar.

Geavanceerd Ontwikkelaar

4. Hier gaan we de Javascript Settings en CSS Settings aanpassen. Zorg dat ze beide zijn ingesteld op Ja.

CSS en Javascript Instellingen

Stap 7. Flat catalog

Met flat catalog is nog meer snelheidswinst te behalen. Het onderdeel Flat catalog bestaat eigenlijk uit 2 delen;

– Flat categories (wij adviseren deze alleen aan te zetten als jouw catalogus veel sku’s bevat).
– Flat products (wij adviseren deze altijd aan te zetten).

Het configureren van flat catalog kan als volgt.

1. Log in op de backend van jouw Magento 1 store door jouw domeinnaam in te voeren gevolgd door /beheer. Bijvoorbeeld www.domeinnaam.nl/beheer.

2. Nadat je ingelogd bent op jouw Magento backend navigeer je naar: Systeem > Configuratie > Catalogus.

Beheer Indexen

3. Onder frontend veranderd je de volgende zaken:

Use Flat Catalog Category naar Yes.
Use Flat Catalog Product naar Yes.

4. Tot slot moeten er nog twee zaken gebeuren:

4.1 Opnieuw indexeren: Navigeer in jouw Magento backend naar System > Beheer indexen.

Beheer Indexen

Bij een of meer indexen staat nu Reindex required. Selecteer deze indexen en kies vervolgens voor Nu herindexeren en klik vervolgens op Verstuur.

Index nu indexeren

4.2 Legen van de cache: Het kan zijn dat je, als alles naar behoren werkt, de cache nog even moet legen. Daarvoor kun je onze handleiding Magento 1 cache legen volgen.

Stap 8. Afbeeldingen optimaliseren

Soms kan het, nadat jouw Magento 1 website volledig is geoptimaliseerd, alsnog voorkomen dat specifieke pagina’s enorm langzaam laden. Dit kan zich uitten in een pagina die in de browser volledig geladen is, maar waarbij de afbeeldingen een paar seconden later pas tevoorschijn komen. Vooral op trage (of mobiele) verbindingen resulteert dit in een slechte webervaring en misschien zelfs conversiedaling. Daarnaast struikelt ook de Google Pagespeed-test over te grote afbeeldingen. Dit kun je voorkomen met een aantal eenvoudige stappen.

Met onze handleiding afbeeldingen optimaliseren in Magento 1 kun je met een aantal eenvoudige stappen afbeeldingen verkleinen zodat ze sneller geladen worden.

Stap 9. 404 error’s verhelpen

We zien nog regelmatig webshops waarin afbeeldingen, CSS files of javascripts worden ingeladen die niet bestaan. Dit levert een enorme extra laadtijd op die onnodig is, het is daarom verstandig om dit goed te controleren. Een goede website om dit allemaal te testen voor jouw webshop(s) is: https://gtmetrix.com/

Contact

Dit is een snelle greep waarmee je eenvoudig de snelheid van jouw Magento 1 webshop kan optimaliseren. Wij schrijven deze handleidingen om het onze klanten eenvoudiger te maken om hun Magento webshop zo optimaal mogelijk te laten draaien. Wij willen wel benadrukken dat dit geen uitbreiding van onze dienstverlening is en wij dus geen support geven hierop. Als je de optimalisaties door ons wil laten doorvoeren is dit in overleg mogelijk. Voor advies en een offerte op maat kun je een e-mail sturen naar support@skyberate.nl.

Verder willen wij je nog wijzen op een interessant artikel 100 ways to speed up your magento

in Magento 1
Was dit artikel behulpzaam?