Site icon AlexWater&Bouw

Beste tips voor snelheids optimalisatie voor Elementor-websites

Elementor is een van de beste paginabuilders voor WordPress, geschreven met een strikte codestandaard.

Maar sommige van de websites die met Elementor-paginabuilder zijn gebouwd, hebben te kampen met configuratieproblemen die ertoe kunnen leiden dat pagina’s langzaam worden geladen.

Hier zijn enkele manieren om met uw langzaam ladende Elementor-websites om te gaan. Al deze tips zijn ook van toepassing op elk type WordPress-website.

Opmerking: vergeet niet om een ​​back-up van uw hele website te maken voordat u begint.

1. Kies een perfecte gastheer

Identificeer eerst de juiste voor prestaties geoptimaliseerde host voor uw website. Veel hosts draaien nog steeds met oudere versies zoals PHP 5. Een voor prestaties geoptimaliseerde host zou zeker PHP 7+ moeten bieden, omdat ze enorme prestatieverbeteringen bieden .

Onmisbare specificaties om de prestaties van de Elementor-website te maximaliseren

Aanbevolen host voor Elementor

  1. SiteGrond
  2. InMotion-hosting
  3. Kinsta
  4. WpEngine

Lees ons artikel over Top 5 Hosts voor WordPress .

2. Gebruik een lichtgewicht thema

Je hebt misschien paginabuilders gebruikt om de meeste website-inhoud te maken, maar toch moet je je concentreren op thema’s. Ze nemen een belangrijke plaats in bij het versnellen van de laadtijd. Door over te schakelen naar een lichtgewicht thema, kunt u een vierde van de laadtijd van uw pagina verminderen.

Hoe kies je een prestatiegericht thema?

Aanbevolen thema’s voor Elementor

  1. GenereerPers
  2. Astra
  3. Genesis
  4. Oceaan WP
  5. Hallo-thema (alleen voor Elementor Pro-gebruikers)
  6. Flox

Klik hier voor meer informatie over de beste WordPress-thema’s voor Elementor.

3. Optimaliseer de afbeeldingsgrootte

Afbeeldingen beslaan de helft van de bestandsgrootte op een gemiddelde pagina. Dus om de prestaties van uw pagina te verbeteren, moet u afbeeldingen optimaliseren. Ontdek de pixelwaarde die in uw thema wordt weergegeven en upload afbeeldingen dienovereenkomstig. Als uw thema bijvoorbeeld afbeeldingen tot 800px weergeeft, heeft het geen zin als u een afbeelding uploadt met 3000+px.

Stappen om uw afbeeldingen te optimaliseren

  1. Formaat van afbeeldingen wijzigen: Verklein de werkelijke afbeeldingsdimensie op uw website tot een maximale breedte die past bij het thema.
  2. Afbeeldingen comprimeren: Met compressie kunt u de verkleinde afbeeldingen nog steeds verkleinen. Er zijn twee soorten compressie, namelijk Lossy (verkleining van grote bestanden met enig kwaliteitsverlies) en Lossless (kleinere reductie zonder kwaliteitsverlies). Klik hier voor meer informatie over Lossy en Lossless compressies.

Geautomatiseerde plug-ins om afbeeldingen te optimaliseren

  1. ShortPixel
  2. Verbeeld je
  3. Smush-beeldcompressie en -optimalisatie

Lees ook: Hoe u de fout in het e-mailbezorgsysteem kunt stoppen Spam-e-mails

Lees ook: Hoe u kunt voorkomen dat Chrome elk tabblad opnieuw laadt ?

Lees ook: Over het Google Guaranteed-programma

4. Verklein JS- en CSS-bestanden

U kunt de snelheid van uw website verbeteren door het aantal CSS- en JS-aanroepen en de grootte van die bestanden te verminderen. Er zijn twee tactieken die helpen om de grootte en het aantal codes in uw website te minimaliseren zonder enige verandering in de onderliggende functionaliteit. Zij zijn,

  1. Verkleining – verwijdert onnodige tekens zoals witruimte, regeleinden, enz.
  2. Aaneenschakeling – combineert meerdere bestanden in één.

Aanbevolen plug-in

Deze twee tactieken kunnen worden gedaan met een gratis Autoptimize- plug-in. Configureer de plug-in door HTML-, CSS- en JavaScript-opties in te schakelen.

5. Gebruik geavanceerd cachemechanisme

U kunt een pagina cachen door er een statische HTML-versie van te maken. Dit kan stoppen met het dwingen van de server om steeds opnieuw een pagina te genereren uit database en PHP-bestanden voor een enkel bezoek.

Meestal wordt de implementatie van paginacaching gedaan op serverniveau door volledig beheerde WordPress-hosts zoals WordPress VIP . U hoeft zich dus geen zorgen te maken over caching als u al een volledig beheerde WordPress-hosting heeft. Anders kunt u het implementeren via een plug-in. Als u meer wilt weten over de plug-ins voor het optimaliseren van de topsnelheid, klik dan hier .

Aanbevolen plug-ins

  1. Cache-enabler
  2. WP Rocket
  3. WP-supercache
  4. Swift Performance Lite

6. Gebruik een CDN (Content Delivery Network)

Een CDN helpt om een ​​kopie van uw website op verschillende locaties over de hele wereld op te slaan. Dit helpt bezoekers om uw website te downloaden vanaf hun dichtstbijzijnde locatie. Omdat het verkeer over verschillende locaties wordt verdeeld, kunt u de laadtijd van de pagina versnellen en de latentie verlagen.

Aanbevolen plug-in

Er is een CDN-plug -in CloudFare die zowel gratis als pro-versies heeft. De gratis versie is goed genoeg voor de meeste websites. Klik hier voor meer informatie over de procedure voor het instellen van CloudFare met WordPress.

7. Schakel GZIP-compressie in

GZIP wordt gebruikt om de bestanden te comprimeren die vanaf uw server naar de browser van de bezoeker worden gestuurd. Bijna 70% van uw bestandsgrootte kan worden verkleind met GZIP. Het implementatiegedeelte van GZIP is heel eenvoudig en het helpt bij het verhogen van de laadsnelheid van de website. Bij sommige hostproviders kunt u GZIP implementeren via cpanel.

Aanbevolen plug-ins

  1. Controleer en schakel GZIP-compressie in
  2. WP-supercache
  3. W3 totale cache

Klik hier voor meer informatie over het inschakelen van GZIP-compressie voor WordPress.

8. Opschonen WordPress-database

Alle inhoud en instellingen worden opgeslagen in de database van uw website. Er zal veel rommel zijn, zoals postrevisies, weggegooide opmerkingen enz. De snelheid van uw website zal echter niet alleen toenemen door uw database op te schonen. In plaats daarvan moet u uw database optimaliseren. Het zal uw database efficiënter laten werken.

Aanbevolen plug-in

WP Optimize is een van de beste plug-ins die de volledige rommel in uw database kan opschonen.

9. Elimineer trage plug-ins

De meeste mensen denken dat plug-ins niets te maken hebben met de snelheid van de website. Maar veel plug-ins hebben wel invloed op de snelheid van uw website.

Manieren om erachter te komen of plug-ins uw website vertragen

Er zijn tools waarmee u de prestaties van plug-ins kunt analyseren. Run uw website met behulp van deze tools en ontdek welke plug-in uw website vertraagt.

Hoe dan ook, je moet van langzame plug-ins afkomen. Als het een onnodige is, verwijder deze dan. Zoek anders een alternatieve plug-in.

Voor Elementor-websites

Er zijn meerdere functies beschikbaar in Elementor Pro die het aantal plug-ins kunnen verminderen. Elementor Pro biedt veel ingebouwde en prestatiegerichte functionaliteiten zoals schuifregelaars, knoppen voor sociaal delen, formulieren, afteltimers en meer.

10. Hotlinken uitschakelen

Met Hotlinking kan een persoon uw afbeeldingen (gehost op uw server) op hun website gebruiken. Als dit gebeurt, moet uw server afbeeldingen voor hun websites laden. Dit kan van invloed zijn op de laadsnelheid van uw website. Om dit te voorkomen, kunt u een shortcode toevoegen aan het ‘.htaccess-bestand’ van uw website.

Lees ook Hoe u kunt voorkomen dat Chrome automatisch ververst

Afwikkelen

De nieuwste versie van Elementor laadt natuurlijk snel omdat deze is ingebouwd met de verschillende functionaliteiten die de prestaties van de website verbeteren. Het gebruikt externe CSS-bestanden, genereert aangepaste CSS-regels voor elke pagina en gebruikt het kenmerk ‘srcset’ voor alle widgets.

Schakel dus over naar de nieuwste versie van Elementor. Als je nog steeds problemen hebt met de laadsnelheid, volg dan de bovenstaande stappen om je website te optimaliseren. Nu is uw Elementor WordPress-website gestroomlijnd en klaar om sneller te laden dan voorheen.

Heb je nog andere technieken om een ​​Elementor-website te versnellen? Deel uw mening hieronder!

Exit mobile version