Hoe ik mijn Joomla-website in 1.29 seconden heb laten laden

We horen al een tijdje dat SEO en Joomla SEO kan worden beïnvloed door de tijd die uw pagina nodig heeft om te laden - daarom zijn we onlangs begonnen met een intensieve oefening om onze website zo snel mogelijk te laten laden.

Wij zijn van mening dat de huidige laadsnelheid en beoordeling in GTMetrix voor 85% relatief goed is voor PageSpeed, en 95% voor YSlow Grade en een laadtijd van 1.29 seconden, dus we dachten dat we zouden delen hoe we dit hebben gedaan. Sommige hiervan zijn Joomla-specifiek, terwijl andere generiek zijn, maar de algemene concepten zijn van toepassing op ELK contentbeheersysteem en elke website.

laad joomla website snel

Voordat u begint: voer uw website uit via GTMetrix of Pingdom Tools. Noteer je huidige cijfer en kijk hoe het verbetert. Het goede ding is dat GTMetrix ook je geschiedenis bijhoudt, zodat je een grafiek kunt zien met je verbeteringen.

STAP 0: NEEM VOLLEDIGE BACK-UPS - Sommige van de volgende aanbevelingen kunnen uw site kapot maken. Maak regelmatig volledige back-ups voordat u wijzigingen aanbrengt.

1. Verminder de reactietijd van de server

 

Verminder de reactietijd van de serverAls u na het uitvoeren van uw website via GTMetrix of PageInsights een lange vertraging opmerkt in de eerste reactie, heeft uw shared hosting-server er last van.

Het grootste verschil dat u kunt maken voor het snel laden van uw website, is door een aanbevolen Joomla-host te gebruiken en de responstijd van de server te verbeteren. Onze aanbevolen hostingservice is: In beweging, dat is wat we gebruiken op deze website.

We draaien deze site op een InMotion VPS-3000HA-S-plan met een LiteSpeed-server, een webserver op Enterprise-niveau waarvan is bewezen dat deze sneller is dan Apache of NGINX. Dankzij een dergelijke configuratie is de reactietijd van onze server doorgaans less dan 0.1 seconden.

Bekijk de onderstaande schermafbeelding, u kunt de initiële responstijd van 100 ms zien.

collectiveray server reactietijd

Zoals je je kunt voorstellen, is dit een zeer goed afgestemde setup, met meerdere cachingniveaus, inclusief PHP OpCode-caching (waardoor PHP sneller draait), dus dit is niet jouw typische shared hosting-setup.

Maar als je snelheid serieus neemt, is een VPS zeker je eerste aanspreekpunt.

Als je een VPS voor een goede prijs wilt, werken we samen met InMotion-hosting om je tot 70% KORTING op VPS-prijzen te geven, bekijk ons ​​aanbod hieronder.

Klik hier voor de beste deal op VPS hosting in september 2021 enige

2. Stel jezelf een ambitieus doel en fixeer je erop totdat je het haalt

Dit is een absolute aanrader.

Als je geen doel hebt, is het onwaarschijnlijk dat je blijft pushen. 

U moet uzelf een ambitieus doel stellen en ernaar streven dit te bereiken VOORDAT u begint te optimaliseren. Voor ons was ons doel om de laadtijd van de voorpagina te verminderen tot less dan 1.5 seconden EN krijg minstens 85% op beide Pagespeed en YSlow scoren op GTMetrix. 

Ons eindresultaat. Laadtijd van iets meer dan 0.5 seconden.

pingdom tools laadtijd

 

Niet te slordig :)

prestatiescores gtmetrix

3. Schakel de standaard Joomla Cache in

Dit is vrij eenvoudig, maar het is ZEER effectief.

Meestal is dit omdat in plaats van steeds dezelfde query's op uw database uit te voeren, de cache een kopie van uw pagina opslaat en deze serveert vanuit een tijdelijk bestand dat op schijf is opgeslagen.

Dit verlicht de belasting van uw server en verbetert de algemene laadtijd van uw server. Databasequery's, met name op shared hostingservices, kunnen vrij lang duren om uit te voeren, vooral naarmate de items in uw database groeien. Als uw verkeer ook groeit, betekent dit dat uw server en database constant zwaar worden belast.

Caching lost dit op door het grootste deel van de belasting te elimineren. De gegevens die uw website nodig heeft, worden periodiek aangemaakt en opgeslagen in een cache (dwz opgeslagen in een bestand op de server). Het ophalen van de pagina / gegevens van schijf, in plaats van de query's uit de database uit te voeren, maakt de laadtijd VEEL sneller.

Ga als volgt te werk om uw cache in te schakelen:

Systeem > Algemene configuratie > Systeem

Schakel Progressive Caching in en stel de cache-vervaltijd in op 60 minuten (of meer), vooral als uw inhoud niet te vaak verandert. U hebt geen platformspecifieke caching nodig. Dit zou verschillende versies van de cache creëren voor mobiele / desktopgebruikers, unless je hebt veel mobiele en desktopgebruikers.

joomla cache-instellingen

Je zou het veel langer kunnen instellen als je inhoud niet vaak verandert, je zou dit kunnen zien tot 240 minuten, of zelfs meer, vooral als je veel bezoekers op dezelfde pagina's krijgt.

4. Schakel GZIP-compressie in

Deze stap zorgt ervoor dat de inhoud die u genereert, wordt gecomprimeerd voordat deze wordt verzonden. De logica is heel eenvoudig, er is veel voor nodig less tijd om inhoud te comprimeren en te decomprimeren in plaats van grote stukken inhoud over te dragen. Dit is iets wat ook gemakkelijk kan in Joomla 3 met het volgende:

Systeem > Algemene configuratie > Server 

Zet GZIP-compressie op JA.

instellingen voor gzip-paginacompressie

(Als u op zoek bent naar een volledig document over het inschakelen van GZip-compressie op WordPress, raadpleeg dan dit artikel op CollectiveRay)

5. Schakel de plug-in Systeem - Cache in

Deze plug-in slaat elke hele pagina op uw site in de cache op en beveelt (optioneel) uw browser aan en deze pagina moet enige tijd in de cache worden bewaard (dit staat bekend als browsercaching).

Het eerste deel van deze stap zorgt ervoor dat ALLE pagina's in de cache op de server worden opgeslagen. Dit is heel belangrijk, omdat anders, hoewel generieke dingen zoals menu's vanuit de cache zouden worden bediend, elke pagina nog steeds dynamisch zou moeten worden bediend.

Daarom zetten we deze plug-in aan om caching op paginaniveau mogelijk te maken.

Browsercache is heel logisch, vooral omdat u bepaalde afbeeldingen en bestanden niet steeds opnieuw hoeft te downloaden. De browser zal de lokale kopie gebruiken en dus less gegevensoverdracht is vereist en daarom laden uw pagina's sneller.

Dit is vooral effectief voor zaken zoals de CSS en afbeeldingen van uw stylesheet. Dit is ook standaard Joomla-functionaliteit ingeschakeld via het volgende:

Extensies > Plug-inbeheer, zoeken cache en schakel de Systeem - Cache-plug-in. U kunt ook bepaalde menu-items uitsluiten die uit de cache moeten worden gehaald, of naar de geavanceerde opties van de plug-in gaan en specifieke URL's uitsluiten die u niet in de cache wilt bewaren.

systeempagina cache

 

6. Maak gebruik van browsercaching op serverniveau

Dit lijkt erg op stap 5 als het gaat om het cachegedeelte van de browser. Deze specifieke stap is strikt gerelateerd aan browsercaching.

Het verschil is dat deze stap nu op serverniveau wordt gedaan. Kortom, u moet de browser aanbevelen om bepaalde bestandstypen voor een bepaalde tijd in de cache te plaatsen. Google PageSpeed ​​stelt ten minste EEN MAAND voor.

Om dit te doen, moet u het .htaccess-bestand als volgt bewerken. De maximale leeftijdswaarde is 1 maand in seconden.


Koptekstset Cache-Control "max-age = 2592000, openbaar"

Andere waarden die u zou kunnen overwegen:

1 JAAR:

Koptekstset Cache-Control "max-age = 29030400, openbaar"

1 WEEK:

Koptekstset Cache-Control "max-age = 604800, openbaar"

Je kunt er ook voor kiezen om te cachen less of meer bestandstypen, maar de bovenstaande zijn de meest voorkomende statische bestanden die in de cache kunnen en moeten worden opgeslagen.

Voor degenen onder u die met WordPress werken, hebben we een uitgebreide handleiding gemaakt over hoe u gebruik kunt maken van browsercaching met of zonder een plug-in in deze handleiding op CollectiveRay.

7. Installeer JCH_Optimizer

JCH Optimizer bevat een GROOT aantal aanbevolen dingen door PageSpeed ​​en resulteert in een enorme boost in uw PageSpeed-cijfer.

Het probleem dat u kunt tegenkomen, is dat hierdoor een deel van de functionaliteit op uw website kan worden verbroken. Ga voorzichtig om met de opties die u inschakelt.

Voor onze site zijn we erin geslaagd om bijna alle optimalisaties in te schakelen met heel weinig uitsluitingen - maar voor uw site moet u misschien een tijdje spelen om de optimale instellingen te vinden. beschrijven JCH Optimizer valt een beetje buiten het bestek van dit artikel, maar geloof ons op ons woord, installeer en schakel de plug-in in. Je zult er geen spijt van krijgen. 

Het volgende maakt deel uit van de officiële beschrijving:

Deze plug-in combineert uw externe JavaScript- en CSS-bestanden in één om dure http-verzoeken minimaliseren. Deze bestanden kunnen worden verkleind en gezipt om de bandbreedte te verminderen en de downloadtijd verder te optimaliseren.

8. Verminder de inhoud op uw site

Dit is erg belangrijk. Maak en houd uw site absoluut slank. Dit is degene waar je de meeste tijd aan moet besteden. We hebben weken alleen aan deze stap besteed.

Om dit te doen, moet je zoveel mogelijk componenten, plug-ins en modules gebruiken. Dood ze. Dood ze met vuur.

Elk stukje extra functionaliteit verhoogt de uitvoeringstijd van de server en verhoogt het totale gewicht van de site.

NB: Loop hier voorzichtig. Maak volledige back-ups voordat u core Joomla! componenten, modules en plug-ins

Doe dit met totdat je jezelf uitput. Echt, doe dit. Verwijder ALLE spullen die u niet gebruikt.

Zelfs dingen die standaard worden geleverd, maar die je niet nodig hebt, zoals:

  • de standaardsjabloon die u nooit meer zult gebruiken,
  • de weblinkcomponenten die u waarschijnlijk niet gebruikt,
  • de newsfeeds-componenten als u ze niet gebruikt,
  • en ALLE plug-ins die u nooit zult gebruiken.

Verwijder ze, niet alleen uitschakelen.

Concentreer je obsessief op dingen die je niet nodig hebt, verwijder alle extra componenten en combineer indien mogelijk modules en plug-ins. Gebruik bijvoorbeeld voor sociale buttons 1 plug-in voor alles. Als je aangepaste HTML hebt, stop er dan zoveel mogelijk van in een enkele module.

  • Verwijder extra forumcategorieën en verklein het aantal items in uw menu's tot het uiterste.
  • Verwijder oude gebruikers en oude inhoud.
  • Voeg indien nodig secties, categorieën, menu's en al het andere samen en combineer ze.

Uw focus moet zijn om dingen tot een absoluut minimum te beperken dat nodig is om uw site te laten bestaan. Doe dit een aantal weken obsessief. Ga op een verwijderactie, hak en verwijder, schakel uit en verwijder de installatie.

Richt je erop om je site zo slank mogelijk te maken zonder iets kapot te maken.

Helaas hebben we de spullen die we hebben verwijderd niet bijgehouden.

9. Verminder het totale aantal verzoeken

Verwijder overtollige afbeeldingen.

Download en host ook een versie van alle afbeeldingen die worden aangeboden vanaf externe websites vanaf een kopie op uw site (dit zal het aantal DNS-lookups verminderen dat de browser van uw klant moet uitvoeren, aangezien deze een ernstige impact hebben op de paginasnelheid van jouw site).

Analyseer in detail wat de verzoeken zijn met GTMetrix of Pingdom prestatietools. Kijk dan of deze verzoeken echt nodig zijn. Als ze dat niet zijn, verwijder ze dan.

Bijvoorbeeld dat script van een derde partij dat u een paar jaar geleden hebt geïnstalleerd? Heb je dat nog nodig? En dat Google AdSense-script, is dat echt nodig? Gebruik je de Facebook-pixel nog of kun je deze verwijderen?

We hebben de neiging om wild te gaan met scripts van derden, we krijgen het glimmende object-syndroom en voegen iets toe aan onze site, zonder te beseffen dat we de grootte van onze site opblazen.

Doe dus hetzelfde als de vorige stap. Bestudeer elk verzoek dat uw site verzendt, kijk of het nodig is en zo niet.

GTMetrix heeft ook een coole functie die de grootte van al je afbeeldingen optimaliseert. Sla de geoptimaliseerde versies op en gebruik de geoptimaliseerde versies in uw website.

10. Serveer inhoud van a CDN

Content Delivery Networks zijn servers die een kopie van de statische delen van uw site cachen en deze optimaal en veel sneller dan uw server ooit aan uw bezoekers kunnen aanbieden. Dit geeft je nog een ENORME boost aan je paginasnelheid.

als u kan geen CDN betalen, sites zoals StackPath CDN hebben een zeer goedkoop abonnement dat voldoet aan de behoeften van de meeste kleine websites. 

StackPath begint bij $ 20 / maand.

stackpath cdn

Hoewel dat misschien veel geld lijkt, vooral in vergelijking met zaken als het hosten van uw website, als uw site sneller is, is de UX beter en krijgt u zeker meer organisch verkeer en stimuleert u het bedrijf van uw website in het algemeen.

11. Volg elke aanbeveling op PageSpeed, YSlow

Zowel PageSpeed ​​als YSlow hebben een aantal gedetailleerde aanbevelingen, zoals het specificeren van

  • een standaard tekenset
  • zorg ervoor dat u de afbeeldingsafmetingen hebt opgegeven (specificeer de breedte en hoogte voor elke afbeelding op uw website).

Voor alle inhoud die op uw site wordt gehost, volgt u elk van deze tot op de letter.

Als je geen idee hebt wat je moet doen, Google is je vriend, lees erover en begrijp het en voer het uit op je website. Vermijd slechte verzoeken, dwz zorg ervoor dat er geen afbeeldingen of bestanden zijn die verkeerd zijn gelinkt.

Sommige kunnen best moeilijk zijn om te doenless je weet echt wat je doet. Laad scripts van derden zoals Facebook, Twitter, AdSense en Google Analytics asynchroon. Er zijn veel vrij eenvoudige optimalisaties die u kunt doen.

ps. Er kunnen aanbevelingen zijn die u niet kunt volgen voor inhoud die buiten uw controle wordt gehost. Bijv. AdSense, Facebook en andere scripts hebben allemaal enkele optimalisaties die ze kunnen maken. Hier heb je weinig controle over. Het goede ding is dat uw CDN mogelijk ook optimalisaties heeft voor inhoud van derden. Zo niet, maak je dan niet al te veel zorgen over hen.

Als je blijft herhalen met optimalisaties, zou je uiteindelijk op een punt moeten komen waarop je site razendsnel wordt.

Laten we u helpen uw Joomla beter te beheren

joomla

Gratis Joomla tips ebook knop

Conclusie: Waarom moet je je website sneller maken?

Echt en waar, als u uw website gebruikt om uw bedrijf te verbeteren door middel van verkoop of anderszins, brandt een trage site letterlijk een gat in uw zak.

Gebruikers zijn nogal ongeduldig en zullen uw site verlaten als deze niet pittig genoeg is. Je geeft natuurlijk ook een heel negatief onbewust signaal af aan je bezoekers. Hier zijn alle negatieve effecten

  • De klanttevredenheid neemt af met 16% als er een vertraging van één seconde is in de paginareactie
  • 47% van de gebruikers verwacht dat een site binnen 2 seconden laadt en zal de site verlaten als het langer dan 3 seconden duurt om te laden
  • 50% van de gebruikers is niet loyaal aan sites die langzaam laden

Heb je goede resultaten behaald met bovenstaande aanbevelingen? Deel uw ervaring met ons in de reacties hieronder!

Hoe u uw website sneller kunt maken - een laatste gedachte

We worden gehost op InMotion omdat we het belangrijk vinden dat onze website echt heel snel is, en we bevelen ze aan omdat we echt vinden dat iedereen dat ook zou moeten doen - het zal je website meteen een boost geven.

Behalve dat ze sneller laden, zijn hun servers veiliger en is hun ondersteuning beter (ze moeten wel statistieken hebben om deze gewaagde beweringen te bewijzen). Waarom vind je ons niet leuk en probeer InMotion eens

U hoeft zich geen zorgen te maken over het verplaatsen van uw site, zij doen het gratis voor u. We garanderen dat je nooit meer terug wilt naar je oude host. Je hebt een geld-terug-garantie van 90 dagen, dus je hoeft ze niet eens een cent te betalen als je niet bevalt wat je ziet ;)

Probeer InMotion-hosting (47% KORTING tot .) september 2021)

Over de auteur
David Attard
Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.
 

 

Best beoordeelde caching-plug-in

Maak uw website sneller 

Stap-voor-stap - gratis e-mailcursus, hoe u uw website kunt laten laden less dan 1 seconde  

 

wie zijn we?

CollectiveRay wordt gerund door David Attard - we werken al meer dan 12 jaar in en rond de niche van webdesign en bieden bruikbare tips voor mensen die met en op websites werken. We hebben ook DronesBuy.net - een website voor drone-hobbyisten.

David Attard

 

 

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...