@@@4603@@@

Förbättra prestandan på din webbplats med hjälp av inställningar i .htaccess-filen.

Moderna webbplatser har ofta många bilder, genomarbetad design och extra funktioner som JavaScript-baserade bildgallerier. Men ju mer omfattande din webbplats är, desto längre tid tar det att ladda sidan. Detta ökar laddningstiden för besökare på din webbplats.


I den här artikel får du veta hur du kan förbättra laddningstiden för din webbplats. Vi kommer att presentera några inställningar som du kan definiera via en .htaccess-fil.

Obs! Aktuella innehållshanteringssystem (CMS) som Joomla och WordPress eller en webbshop som xt:Commerce har ofta redan en egen .htaccess-fil. Kontrollera därför först om det redan finns en .htaccess-fil i huvudkatalogen på din webbplats och skapa en backup. Om det ännu inte finns någon .htaccess-fil, skapa en ny fil och namnge den exakt .htaccess -pricken i början av filnamnet är viktigt. Du kan redigera en befintlig.htaccess -fil me en textredigerare, och det är också möjligt att skapa en ny .htaccess-fil med en lämplig textredigerare.

Överföring av innehåll i komprimerad form

Ju större en webbplats är, desto fler filer innehåller den - och den totala storleken i KB/MB som måste laddas av besökarna på din webbplats ökar i motsvarande grad. För att få så korta laddningstider som möjligt är det klokt att låta servern komprimera filerna innan de överförs. Apache-modulen mod_deflate används för detta.


I alla STRATO webbhotell-paket kan du aktivera komprimering på följande sätt:
Öppna .htaccess-filen i webbprogrammets huvudkatalog och lägg till raden SetOutputFilter DeFLATE.
Alla mod_deflate-alternativ, såsom AddOutputFilterByType DEFLATE text/html text/plain, är då tillgängliga för dig.
Du hittar mer information här: https://httpd.apache.org/docs/2.2/mod/mod_deflate.html

Använd webbläsarens cache

Ett annat optimeringsalternativ är att låta besökarnas webbläsare cacha filer som ändras sällan. När en besökare går in på din webbplats för första gången laddas den helt och hållet. När sidan öppnas igen kontrollerar webbläsaren om t.e.x en bild redan har lagrats i cacheminnet och laddar sedan in den därifrån. Detta gör att sidan laddas mycket snabbare.


Exempel:
De nödvändiga posterna i .htaccess-filen kan se ut så här:

 # Caching aktivera FileETag MTime Size
ExpiresActive On
ExpiresByType text/css "access plus 1 weeks"
ExpiresByType application/javascript "access plus 1 weeks"
ExpiresByType application/x-javascript "access plus 1 weeks"
ExpiresByType image/gif "access plus 1 months"
ExpiresByType image/jpeg "access plus 1 months"
ExpiresByType image/png "access plus 1 months"
ExpiresByType image/x-icon "access plus 1 months"


En kort förklaring: FileETag MTime Size skapar en unik identifierare för varje fil på din webbplats med hjälp av datumet för den senaste ändringen och storleken på filen.


Begäran <IfModule mod_expires.c> kontrollerar om den nödvändiga servermodulen är installerad - detta är fallet i alla STRATO paket.


ExpiresActive On aktiverar modulen för din webbplats, följt av information om vilka filtyper som ska cachelagras och hur länge. Tiden anges i form av "från senaste åtkomst under period X", i exemplet "återkomst plus 1 vecka", dvs. "från åtkomst under en vecka". Om den inställda perioden har löpt ut ersätts filen i webbläsaren cache med den aktuella versionen av din webbplats.


I exemplet lagras CSS- och JavaScript-filer (JS) i en vecka, medan bilder och favoritsymbolen lagras i en månad. Se till att tidsspecifikationen alltid definieras i plural, dvs. att det finns ett "s" i slutet (veckor, månader,...). I den officiella dokumentationen för Apache-webbservern finns information om vilka värden som är möjliga som tidsspecifikationer:
https://htppd.apache.org/docs/2.0/mod/mod_expires.html#AlySyn


Du kan själv definiera tidsperioden. Du hittar några tips i följande tabell:

Typ av lagercachevaraktighetDetaljer
Bilder (jpg/png/gif)Tillgång plus 1 månadMed statiska webbsidor, bloggar, bildgallerier osv
Tillgång plus månaderFör nätbutiker med frekventa ändringar av bilder
CSS-Dataaccess plus 1 monthsOm du ofta ändrar layouten på din webbplats kan du välja en kortare period, t.e.x 1-2 veckor.
JavaScript (JS) DataTillgång plus 1 månad

För att se till att besökare på din webbplats också ser ändringar som sker mitt i en cacheperiod (cache i 1 månad-ändring efter 14 dagar. till exempel), kan du helt enkelt sänka värdet för cacheperioden för motsvarande filtyp i .htaccess-filen. Låt inställningen vara aktiv i t.e.x en vecka och ställ sedan in de ursprungliga värdena igen.


Exempel
Tillgång plus 1 månad blir då tillgång plus 1 timme.

Obs: om du inte använder komprimering (se ovan) , lägg till raden Header append Vary Accept-Encoding manuellt i .htaccess-filen för optimal användning av caching. Om komprimering är aktiv, sätts rubriken automatiskt och ovanstående rad behöver inte skrivas in.

Beroende på vilket innehållshanteringssystem (CMS) som används finns det vanligtvis andra sätt att förbättra prestandan. Dessa inkluderar till exempel:


Konfigurera ett CDN (Content Delivery Network)
Flytta bilder till CSS-sprites
Om den inte används: inaktivera mootools i frontend (Joomla).


Detaljerade instruktioner om hur du gör detta specifikt för det innehållshanteringssystem du använder finns vanligtvis i supportforumet för ditt innehållshanteringssystem.

Var denna text till hjälp för dig?
Info: b369fc29af2651adefaef4fb8f3d5f188f36f6a4