Hoe u een WordPress-site kunt versnellen met .HTACCESS

Duurt het laden van uw WordPress-website te lang? Weet u dat een trage site uw SEO en gebruikerservaring zal beïnvloeden?

Naast het gebruik van plug-ins zijn er verschillende manieren om uw site te versnellen. Een manier is om de browsercache te gebruiken en een andere manier is om uw bestanden te comprimeren. 

Beide kunnen worden bereikt door het .htaccess(.htaccess) -bestand te wijzigen en te optimaliseren .

Wat is browsercache?

Wanneer iemand uw website bezoekt, zijn er bestanden die worden gedownload en opgeslagen op een tijdelijke locatie.

De bestandstypen omvatten alle documenten waaruit uw website bestaat, zoals HTML- , afbeeldingen-, JavaScript- en CSS- bestanden. Browsercache(Browser) verwijst naar deze tijdelijke locatie voor de gedownloade bestanden.

Wanneer de cache vol is, neemt deze te veel ruimte in beslag op de computer van de bezoeker. Dit resulteert in een trage browser en een website die te lang duurt om te laden.

Gelukkig is er een manier om dit op te lossen door je .htaccess-bestand te bewerken.

Wat u eerst moet doen

Houd rekening met de volgende voorzorgsmaatregelen voordat u uw .htaccess-bestand gaat bewerken:

  • Maak altijd een back-up van uw WordPress .htaccess -bestand voordat u het wijzigt.
  • Schakel alle WordPress- plug- ins uit die u mogelijk gebruikt.
  • Test uw sitesnelheid voordat u wijzigingen aanbrengt in het .htaccess-bestand om een ​​nulmeting te krijgen. U kunt GTmatrix , Pingdom of Google PageSpeed ​​Insights gebruiken .

U bent nu klaar om code via uw .htaccess-bestand te gebruiken om uw WordPress - installatie te vertellen dat statische bestanden langer in de cache moeten worden opgeslagen voor terugkerende bezoekers van uw website. U kunt cPanel of FTP gebruiken . Zie de aanwijzingen hieronder voor elk. 

Zodra u toegang heeft tot uw .htaccess-bestand, gebruikt u de aanvullende instructies om uw wijzigingen aan te brengen. 

cPanel gebruiken

Log in op uw website cPanel. U kunt er meestal komen door yourdomain.com/cPanel in uw webbrowser te typen.

Log in met de gebruikersnaam en het wachtwoord die je hebt gekregen toen je WordPress op je domein installeerde. Nadat u bent ingelogd, zoekt en klikt u op Bestandsbeheer(File Manager) .

Uw .htaccess-bestand bevindt zich in de hoofdmap. De punt voor de bestandsnaam geeft aan dat het een verborgen bestand is in uw WordPress-installatie. Zorg ervoor dat u een vinkje zet in het vakje Verborgen bestanden weergeven(Show Hidden Files) .

U moet een kopie van uw bestand maken voordat u het bewerkt, want als u een fout maakt, kunt u uw site laten crashen. Om een ​​kopie te maken, klikt u op .htaccess en markeert u deze. Om een ​​kopie op te slaan, klikt u op de downloadknop in het bovenste menu.  

Nadat u uw kopie hebt gemaakt, bent u nu klaar om het bestand te bewerken. Klik in uw cPanel - bestandsbeheer(File Manager) met de rechtermuisknop op het .htaccess-bestand en klik op bewerken(edit) .

FTP gebruiken

U kunt uw .htaccess-bestand ook bewerken met een FTP -client. Een populaire FTP -client is FileZilla , die in het onderstaande voorbeeld wordt gebruikt.

Begin(Start) met het openen van uw FTP -client en voer uw host in. Dit is meestal uw domeinadres, uw gebruikersnaam en wachtwoord. Als u niet zeker weet wat ze zijn, neem dan contact op met uw webhost.

Gebruik de volgende stappen om uw .htaccess-bestand te openen, kopiëren en bewerken:

  • Navigeer naar uw hoofdmap.
  • Zoek het .htaccess-bestand, maak een kopie en sleep het naar uw bureaublad.
  • Bewaar een kopie van het origineel en bewerk een andere kopie voor het geval u het origineel moet herstellen.
  • Gebruik(Use) een editor zoals Kladblok(Notepad) om het bestand te bewerken.
  • Als u klaar bent met bewerken, uploadt u het bestand naar uw hoofdmap.

Als je een fout hebt gemaakt, werkt je website niet. Upload het back-upbestand om het te repareren. 

Nu bent u klaar om wijzigingen aan te brengen in uw .htaccess-bestand om uw WordPress - site te versnellen.

Comprimeer uw bestanden met Gzip

Gzip- compressie maakt uw bestanden kleiner en helpt ze sneller te laden. Door de onderstaande code toe te voegen aan uw .htaccess-bestand (onder de huidige code) met behulp van gzip, worden CSS- , HTML- en PHP - bestanden gecomprimeerd.

 <IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Vergeet niet op "Wijzigingen opslaan" te klikken.

Browsercaching

Wanneer iemand uw website bezoekt, downloadt de browser die ze gebruiken alle bestanden die zijn gekoppeld aan de pagina die ze openen.

Gebruikmakend van browsercache betekent dat u alleen de noodzakelijke bestanden wilt downloaden en niet onnodige middelen. Dit zijn meestal het ontwerp en de stijl van uw pagina en bevatten soms ook JavaScript-functies.

Wanneer u browsercache gebruikt, vertelt u uw server om delen van uw webpagina te negeren die eerder zijn gedownload voor terugkerende bezoekers.

Om uw .htaccess-bestand te bewerken, zoekt u het op en maakt u twee kopieën op dezelfde manier als bij het comprimeren van uw bestanden zoals hierboven beschreven met een FTP -client of cPanel.

Bewaar een kopie van het originele .htaccess-bestand voor het geval er problemen zijn met de wijzigingen. Breng uw wijzigingen aan in de andere kopie. 

Voeg de volgende code toe onder de huidige inhoud van uw .htaccess-bestand:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

Vergeet niet op Opslaan(Save) te klikken om de toevoegingen aan uw bestand te bewaren.

Door uw bestanden te comprimeren en gebruik te maken van de browsercache, wordt de laadtijd van uw webpagina's aanzienlijk verkort. Dit zal uw site helpen hoger te scoren in de zoekresultaten en de gebruikerservaring te verbeteren. Niemand wil langer dan een paar seconden wachten voordat een pagina is geladen.



Bart Jonker

About the author

Ik ben een webontwikkelaar met meer dan 10 jaar ervaring in het werken met de browsers Firefox en Google Docs. Ik ben een specialist in het maken van eenvoudige maar krachtige online applicaties en heb webgebaseerde oplossingen ontwikkeld voor zowel kleine bedrijven als grote organisaties. Mijn klantenbestand omvat enkele van de grootste namen in het bedrijfsleven, waaronder FedEx, Coca Cola en Macy's. Mijn vaardigheden als ontwikkelaar maken mij de ideale kandidaat voor elk project dat snel en efficiënt moet worden voltooid - van het ontwikkelen van aangepaste websites tot het maken van robuuste e-mailmarketingcampagnes.


Related posts