Loading...

Optimaliseer JavaScript Code en CSS voor goede Magento 2 snelheidsoptimalisatie

  1. 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.

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:

  1. Ga naar Winkels > Instellingen > Configuratie in het beheerpaneel.
  2. Selecteer onder het Catalogus-gedeelte de optie Catalogus in het linkerpaneel.
  3. Open het Storefront-gedeelte.
  4. Klik op Ja bij de optie “Gebruik platte catalogus voor productvelden.”
  5. Klik op de knop Configuratie opslaan om de wijzigingen te bewaren.
enable flat catalog Magento2

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.

Beveiliging en Magento onderhoud

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.

Analyseer Paginaprestaties met de Magento Profiler

Minder bekend is dat er in Magento 2 een ingebouwde analysetool is genaamd: Magento Profiler, die u een uitgebreide analyse van de prestaties van uw pagina kan geven. Met de Magento Profiler tot uw beschikking kunt u gegevens verzamelen zoals gebeurtenislogboeken, paginalaadtijden, afhankelijkheden en meer.

Open het .htaccess-bestand en voeg de volgende opdracht toe om de Magento Profiler-tool te activeren:

SetEnv MAGE_PROFILER csvfile

Wilt u dat de Magento Profiler de feedback op hetzelfde scherm weergeeft, gebruik dan in plaats van de bovenstaande opdracht de volgende:

css

SetEnv MAGE_PROFILER html

Naast het verbeteren van de snelheid van het Magento 2-platform, kan de Magento Profiler ook worden gebruikt om andere kritieke problemen te vinden die de prestaties van de website kunnen beïnvloeden.

Schakel HTML Minificatie in

Het verkleinen van HTML-bestanden en -codes is een effectieve manier om de prestaties van het Magento 2-platform te versnellen en uw website sneller dan ooit te maken. Het minimaliseren van HTML vermindert onnodige code, verwijdert ongewenste opmerkingen van ontwikkelaars en andere overbodige elementen.

Schakel de ontwikkelaarsmodus in om de HTML-codes snel te minimaliseren.

Ga naar Winkels > Configuratie > Geavanceerd > Ontwikkelaar > Sjablooninstellingen.

Optimaliseer Uw Magento 2 Thema en Media

Het is onmiskenbaar dat het gebruik van een zwaar thema en media in uw Magento 2-winkel verschillende nadelen met zich meebrengt. Niet alleen verbruiken grote thema’s en media veel bandbreedte, ze vertragen ook de snelheid van uw website aanzienlijk meer dan u zou verwachten.

Een goede manier om dit probleem aan te pakken, is door een lichtgewicht thema en media te gebruiken voor effectieve Magento 2 snelheidsoptimalisatie. Na verloop van tijd raakt een thema verouderd en overladen met talloze updates. Het installeren van een nieuw, lichtgewicht en responsief thema geeft u daarom een voorsprong op anderen.

Klaar met het optimaliseren van het thema? Hoe zit het met de optimalisatie van afbeeldingen?

Media beslaat een groot deel van de totale gegevens van de website en moet goed worden geoptimaliseerd om uw winkel efficiënt te laten draaien. Om media grondig te optimaliseren, kunt u de volgende punten benutten:

  • Comprimeer alle media op uw website.
  • Gebruik moderne afbeeldingsformaten zoals JPEG XR, JPEG2000, WEBP, enz.
  • Gebruik een CDN dat de levering van afbeeldingen versnelt.
Magento 2 programmeurs met Java script kennis