Hur man snabbar upp en WordPress-webbplats med .HTACCESS

Tar din WordPress-webbplats för lång tid att ladda? Vet du att en långsam sida kommer att påverka din SEO och användarupplevelse?

Det finns flera olika sätt att snabba upp din webbplats förutom att använda plugins. Ett sätt är att utnyttja webbläsarens cache och ett annat sätt är att komprimera dina filer. 

Båda kan åstadkommas genom att modifiera och optimera .htaccess -filen.

Vad är webbläsarcache?

När någon besöker din webbplats finns det filer som laddas ner och lagras på en tillfällig plats.

Filtyperna inkluderar alla dokument som utgör din webbplats, till exempel HTML , bilder, JavaScript och CSS- filer. Webbläsarcache(Browser) hänvisar till den här tillfälliga platsen för de nedladdade filerna.

När cachen är full tar den för mycket plats på besökarens dator. Detta resulterar i en långsam webbläsare och en webbplats som tar för lång tid att ladda.

Lyckligtvis finns det ett sätt att fixa detta genom att redigera din .htaccess-fil.

Vad du bör göra först

Innan du börjar redigera din .htaccess-fil bör du överväga följande försiktighetsåtgärder:

  • Skapa alltid en säkerhetskopia av din WordPress .htaccess -fil innan du ändrar den.
  • Inaktivera alla WordPress - plugins du kanske använder.
  • Testa din webbplatshastighet innan du gör ändringar i .htaccess-filen för att få en baslinjemätning. Du kan använda GTmatrix , Pingdom eller Google PageSpeed ​​Insights .

Du är nu redo att använda kod via din .htaccess-fil för att tala om för din WordPress - installation att cache statiska filer längre för återkommande besökare på din webbplats. Du kan använda antingen cPanel eller FTP . Se anvisningarna nedan för varje. 

När du har tillgång till din .htaccess-fil använder du de ytterligare anvisningarna för att göra dina ändringar. 

Använder cPanel

Logga(Log) in på din webbplats cPanel. Du kan vanligtvis komma dit genom att skriva yourdomain.com/cPanel i din webbläsare.

Logga(Log) in med det användarnamn och lösenord du fick när du installerade WordPress på din domän. När du är inloggad letar du efter och klickar på Filhanteraren(File Manager) .

Din .htaccess-fil finns i rotmappen. Punkten före filnamnet indikerar att det är en dold fil i din WordPress-installation. Var noga med att markera rutan Visa dolda filer(Show Hidden Files) .

Du bör göra en kopia av din fil innan du redigerar den, för om du gör ett misstag kan du krascha din webbplats. För att göra en kopia, klicka på .htaccess och markera den. För att spara en kopia, klicka på nedladdningsknappen i toppmenyn.  

När du har gjort din kopia är du nu redo att redigera filen. I din cPanel File Manager högerklickar du på .htaccess-filen och klickar på redigera(edit) .

Använder FTP

Du kan också redigera din .htaccess-fil med en FTP - klient. En populär FTP- klient är FileZilla , som används i exemplet nedan.

Börja(Start) med att öppna din FTP- klient och lägg in din värd. Detta är vanligtvis din domänadress, ditt användarnamn och lösenord. Om du inte är säker på vad de är, kontakta ditt webbhotell.

Använd följande steg för att komma åt, kopiera och redigera din .htaccess-fil:

  • Navigera till din rotkatalog.
  • Hitta .htaccess-filen, gör en kopia och dra den till skrivbordet.
  • Behåll en kopia av originalet och redigera en annan kopia ifall du måste återställa originalet.
  • Använd(Use) en redigerare som Anteckningar(Notepad) för att redigera filen.
  • När du är klar med redigeringen laddar du upp filen till din rotkatalog.

Om du har gjort ett misstag kommer din webbplats inte att fungera. För att fixa det, ladda upp säkerhetskopian. 

Nu är du redo att göra ändringar i din .htaccess-fil för att påskynda din WordPress - webbplats.

Komprimera dina filer med Gzip

Gzip- komprimering gör dina filer mindre och hjälper dem att laddas snabbare. Om du lägger till koden nedan i din .htaccess-fil (under den aktuella koden) med gzip kommer CSS- , HTML- och PHP- filer att komprimeras.

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

Glöm inte att klicka på "Spara ändringar".

Webbläsarcache

När någon besöker din webbplats kommer webbläsaren de använder att ladda ner alla filer som är associerade med sidan de besöker.

Att utnyttja webbläsarens cache innebär att du bara vill ladda ner nödvändiga filer och inte tillgångar som är onödiga. Dessa är vanligtvis designen och stilen på din sida och innehåller ibland även JavaScript-funktioner.

När du använder webbläsarcache säger du till din server att ignorera delar av din webbsida som tidigare laddats ner för återkommande besökare.

För att redigera din .htaccess-fil, leta reda på den och gör två kopior på samma sätt som du gjorde när du komprimerade dina filer enligt ovan med en FTP -klient eller cPanel.

Behåll en kopia av den ursprungliga .htaccess-filen om det skulle uppstå några problem med ändringarna. Gör dina ändringar i den andra kopian. 

Lägg till följande kod under det aktuella innehållet i din .htaccess-fil:

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

Glöm inte att klicka på Spara(Save) för att behålla tilläggen till din fil.

Att komprimera dina filer och utnyttja webbläsarens cache kommer att avsevärt minska laddningstiden för dina webbsidor. Detta kommer att hjälpa din webbplats att rankas högre i sökningar och förbättra användarupplevelsen. Ingen vill vänta mer än några sekunder på att en sida ska laddas.



Martin Gustafsson

About the author

Jag är en webbutvecklare med över 10 års erfarenhet av att arbeta med webbläsarna Firefox och Google Docs. Jag är specialist på att skapa enkla men kraftfulla onlineapplikationer och har utvecklat webbaserade lösningar för både små företag och stora organisationer. Min kundbas inkluderar några av de största företagen, inklusive FedEx, Coca Cola och Macy's. Mina kunskaper som utvecklare gör mig till en idealisk kandidat för alla projekt som behöver slutföras snabbt och effektivt - från att utveckla anpassade webbplatser till att skapa robusta e-postmarknadsföringskampanjer.


Related posts