Optimaliseer JavaScript Code en CSS voor goede Magento 2 snelheidsoptimalisatie
- Het is algemeen bekend dat wanneer uw website is gebouwd met JavaScript, jQuery. ready eerst al zijn functies laadt voordat het betekenisvolle inhoud toont aan de gebruikers. Dit kan de laadtijd van pagina’s onnodig verlengen en de Magento 2 snelheidsoptimalisatie beperken. Gelukkig is er een oplossing voor dit probleem.
U kunt voorkomen dat niet-kritieke JS-code wordt uitgevoerd in .ready()
en de laadtijd van de JS-code en de content beter verdelen met behulp van $(window).ready()
en $(window).load()
. Twee andere manieren om Magento 2 te versnellen zijn door het gebruik van timeouts en intervallen. U kunt grote JS-code opdelen in kleinere delen met minimale intervallen door gebruik te maken van setInterval(Func, delay)
en setTimeout(Func, delay)
.
Afbeeldingsoptimalisatie
Een typische e-commerce winkel op Magento 2 bevat duizenden productafbeeldingen van hoge kwaliteit die vaak groot zijn. Te veel zware afbeeldingen kunnen de snelheid van uw website aanzienlijk vertragen. Een effectieve manier om de snelheid van Magento 2 te verbeteren is door alle afbeeldingen te comprimeren. Dit verhoogt de laadsnelheid van pagina’s aanzienlijk.
Daarnaast kunt u moderne afbeeldingsformaten zoals JPEG XR, JPEG 2000 en WebP gebruiken, die 40% sneller laden dan traditionele formaten.
Verwijder Ongebruikte Attributen en Overbodige Modules in Magento 2
Een van de eenvoudigste manieren om Magento 2 te optimaliseren is door ongebruikte attributen en overbodige modules te verwijderen. Schakel alle ongebruikte attributen en modules uit die de laadtijd van pagina’s onnodig verlengen. U kunt een module uitschakelen en overbodige attributen verwijderen met de volgende commando’s.
Command voor het verwijderen van ongebruikte attributen:
php bin/magento catalog:product:attributes:cleanup
Command voor het uitschakelen van een module:
bin/magento module:disable Magento_Marketplace
Gebruik Lazy Loading voor Afbeeldingen
Google raadt aan om lazy loading te gebruiken als uw website veel afbeeldingen bevat. Lazy loading zorgt ervoor dat alleen de afbeeldingen bovenaan de pagina direct worden geladen. Nieuwe content, zoals afbeeldingen en tekst, wordt pas geladen als de gebruiker naar beneden scrolt. Dit kan de snelheid van uw Magento 2-site aanzienlijk verbeteren.
Schakel Magento 2 Cache in
U kunt de snelheid van Magento 2 aanzienlijk verbeteren door de cache in te schakelen. Ga naar het beheerpaneel van Magento 2:
Systeem > Cachebeheer
Hier kunt u de cachestatus controleren en beheren.
Activeer de Varnish Cache Tool
Voordat u deze stap implementeert om de snelheid van Magento 2 te verhogen, is het essentieel om te begrijpen wat de Varnish-tool is en welke eigenschappen het heeft.
Varnish is een zeer effectieve caching-tool die een subtiele laag creëert tussen gebruikers en de webserver. Het slaat regelmatig veelgevraagde bestanden op in het RAM-geheugen. Wanneer u de Varnish-cachetool implementeert, worden de opgevraagde bestanden razendsnel geladen, zodat gebruikers niet meer hoeven te wachten op het laden van de pagina.
Om optimaal te profiteren van de Varnish-cachetool, kunt u deze combineren met een CDN (Content Delivery Network). Dit netwerk zal alle bestaande content (zowel tekst als afbeeldingen) cachen en de snelheid van uw Magento 2-webshop aanzienlijk verhogen. Voordat u de Varnish-cachetool implementeert, zijn er enkele belangrijke overwegingen waar u rekening mee moet houden.
- Inhoud zonder gedefinieerde TTL
- Het aantal cacheable = false blokken
De belangrijkste reden om deze overwegingen te maken, is dat Varnish geen content zonder gedefinieerde TTL cachet en nog steeds content van uw webserver haalt. Daarom raden wij u aan om de Varnish-cachetool eerst te testen op een aparte Magento-instance om de stabiliteit van het platform te controleren en te zien in hoeverre Varnish bijdraagt aan effectieve Magento 2 snelheidsoptimalisatie.
Voer Server Side Controles uit
Een server met minimaal 8GB RAM en 4 vCPU wordt aanbevolen voor optimale prestaties van Magento 2.
Schakel Flat Catalog in Magento 2 in
De gegevens en producten in een Magento 2-installatie worden opgeslagen via een entiteit-attribuutmodel. Voor elk product en elke gegevensset is er dus een overeenkomstig entiteit-attribuutmodel. Dit grote aantal attributenmodellen kan de snelheid van de winkel verminderen en een minder optimale gebruikerservaring opleveren.
Wanneer u echter een platte catalogus inschakelt in Magento 2, worden al uw producten en andere gegevens op één plaats geconsolideerd, waardoor MYSQP-query’s veel sneller worden uitgevoerd.
Hieronder vindt u de stappen om een platte catalogus in Magento 2 in te schakelen:
- Ga naar Winkels > Instellingen > Configuratie in het beheerpaneel.
- Selecteer onder het Catalogus-gedeelte de optie Catalogus in het linkerpaneel.
- Open het Storefront-gedeelte.
- Klik op Ja bij de optie “Gebruik platte catalogus voor productvelden.”
- Klik op de knop Configuratie opslaan om de wijzigingen te bewaren.
Voeg Elastic Search toe
Er is maar één ding dat gebruikers willen en verwachten wanneer ze een website bezoeken: snelle resultaten van hun zoekopdrachten. Het integreren van Elastic Search in uw Magento 2-winkel is een van de beste manieren om gebruikers snel resultaten te bieden wanneer ze iets op uw website zoeken.
Elastic Search biedt geavanceerde functionaliteiten, ondersteunt meerdere talen en bevat andere kenmerken die het een betrouwbare zoekoptie maken. Een snel- en goede werkende zoekfunctie is belangrijk voor Magento 2 snelheidsoptimalisatie.
Installeer eerst Elastic Search en schakel het vervolgens in via uw Magento 2-beheerpaneel:
Winkels > Instellingen > Configuratie > Catalogus > Catalogus > Cataloguszoekopdracht.
Schakel Gzip-compressie in
Gzip-compressie verkleint uw pagina’s aanzienlijk, waardoor de laadtijd en serverreactietijd worden verbeterd. Controleer of uw Magento 2-omgeving Gzip ondersteunt en activeer deze functie.
Voeg Cacheable Blocks toe in Magento 2
Zorg ervoor dat alle blokken die in aanmerking komen voor caching correct zijn ingesteld om de prestaties te verbeteren. Fouten in cachebare blokken kunnen eenvoudig worden opgelost door de layoutbestanden aan te passen.
Pas .htaccess Caching Opties aan
Door caching opties in .htaccess te optimaliseren kunt u de prestaties van uw Magento 2-website verder verbeteren.
Gebruik CDN om de Content Levering te Versnellen
Een Content Delivery Network (CDN) kan de laadsnelheid van uw website verhogen door bestanden te cachen op externe servers en content sneller te leveren op basis van de locatie van de gebruiker. Overweeg deze stap wanneer u Magento 2 snelheidsoptimalisatie toepast.
Gebruik HTTP/2 in plaats van HTTP/1
HTTP/2 is efficiënter en sneller dan HTTP/1. Door over te schakelen naar dit nieuwe protocol kan uw Magento 2-site sneller laden en profiteren van functies zoals server push en head-compressie.
Activeer Productiemodus
De productiemodus in Magento 2 optimaliseert de prestaties door statische bestanden te cachen en automatische code compilatie te voorkomen. Schakel dit in met het volgende commando:
php bin/magento deploy:mode:set production
Een relatief eenvoudige stap in de Magento 2 snelheidsoptimalisatie.
Configureer Redis Cache
Redis is een krachtige cache-oplossing die de prestaties van Magento 2 kan verbeteren door de opslag te optimaliseren en stabiliteit te verhogen. U kunt Redis configureren via de commandoregel of handmatig.
Ruim Overbodige Database Logs op
Als uw Magento 2-winkel al geruime tijd actief is, kunnen ongewenste databaselogboeken zich exponentieel ophopen en blijven toenemen totdat u ze opruimt. De enorme hoeveelheid databaselogboeken vermindert de snelheid van uw website en verlaagt de algehele prestaties van uw Magento 2-webwinkel.
Het opschonen van uw verstopte databaselogboeken is een van de eenvoudigste en meest effectieve manier voor Magento 2 snelheidsoptimalisatie. Magento 1 had echter een voordeel ten opzichte van Magento 2, omdat Magento 1 een duidelijke optie bood om verzamelde databaselogboeken te verwijderen.
Om de databaselogboeken in Magento 2 op te schonen, dient u toegang te krijgen tot het PHP myadmin-paneel en de logboeken handmatig te verwijderen om zo de Magento 2 snelheidsoptimalisatie een duw in de rug te geven.