100% PageSpeed og GTmetrix Scores for WordPress med LiteSpeed Cache Indstillinger
juni 1st, 2024
Website hastighedsoptimering er afgørende for SEO og brugeroplevelse. Websteder med langsom indlæsning fører til højere afvisningsprocenter, hvilket forhindrer konverteringer og trafikvækst. Med LiteSpeed Cache-pluginet kan du øge dit websteds ydeevne betydeligt og opnå perfekte score på PageSpeed og GTmetrix. Denne vejledning fører dig gennem trinene til konfiguration af LiteSpeed Cache indstillinger for optimal ydeevne. Vi […]
Website hastighedsoptimering er afgørende for SEO og brugeroplevelse. Websteder med langsom indlæsning fører til højere afvisningsprocenter, hvilket forhindrer konverteringer og trafikvækst. Med LiteSpeed Cache-pluginet kan du øge dit websteds ydeevne betydeligt og opnå perfekte score på PageSpeed og GTmetrix.
Denne vejledning fører dig gennem trinene til konfiguration af LiteSpeed Cache indstillinger for optimal ydeevne. Vi har testet disse konfigurationer på flere websteder, og følgende konfigurationer er de almindelige indstillinger, der gav de bedste resultater.
Lad os komme i gang!
1. LiteSpeed Oversigt
LiteSpeed er en højtydende webserver designet til at accelerere websteder. Det tilbyder en hændelsesdrevet arkitektur, der håndterer mere trafik med færre processer, reducerer ressourceforbruget og forbedrer sidehastigheden. LiteSpeed har to udgaver:
LiteSpeed Virksomhed: Velegnet til hosting af flere websteder eller delte hostingmiljøer.
OpenLiteSpeed: En open source-version, der er ideel til individuelle websteder.
LiteSpeed Cache
er et cacheprodukt på serverniveau, der optimerer dynamisk indhold på websider. Tilgængelig som et plugin til WordPress, det tilbyder avanceret cachefunktionalitet og optimeringsfunktioner, der er kompatible med enhver webserver, inklusive Nginx og Apache.
2. Installation af LiteSpeed Cache Plugin
Log ind på dit WordPress admin dashboard.
Gå til afsnittet Plugins, søg efter LiteSpeed Cache, klik på Installer nu, og aktivér.
Opdater siden – LiteSpeed Cache-sektionen vises på dit dashboard.
3. Konfiguration af LiteSpeed Cache indstillinger
Grundlæggende opsætning
Før du dykker ned i indstillinger, skal du sammenligne ydeevneresultater før og efter aktivering af LiteSpeed Cache for at se forbedringerne.
Opgrader automatisk:
OFF
– Det er sikrere at opdatere plugins manuelt.
Domæne nøgle:
Anmod om og tilføj en domænenøgle for at bruge QUIC.cloud funktioner som vist i denne artikel.
Gæstetilstand:
TIL
for hurtigere indlæsningstider for førstegangsbesøgende, men det bruger flere ressourcer.
Gæsteoptimering:
TIL
, hvis gæstetilstand er slået til for aggressiv optimering.
Server IP:
Tilføj din servers IP-adresse.
Meddelelser:
FRA
– Medmindre du vil holde dig opdateret med LiteSpeeds seneste nyheder og udgivelser.
Litespeed cache-indstillinger
Aktivér cache:
TIL
– Cache automatisk dit websted for bedre ydeevne.
Cache-loggede brugere:
FRA
– Medmindre du kører et medlemswebsted.
Cachekommentatorer:
FRA
– Afhænger af dine indstillinger for kommentarmoderering.
Cache REST API:
ON
– Nødvendigt for mange temaer og plugins.
Cache login-side:
TIL
– Cachelagrer login-siden for hurtigere adgang.
Cache favicon.ico:
ON
– Caches favicon for at undgå unødvendige PHP-opkald.
Cache PHP-ressourcer:
ON
– Cachelagrer statiske PHP-filer for bedre ydeevne.
Cache Mobile:
ON
– Aktivér for forskellige cacheindhold på mobilenheder.
Yderligere cacheindstillinger:
TTL:
Standardindstillingerne er normalt fine, men juster baseret på hyppigheden af indholdsopdatering.
Rens:
TIL
Aktivér for automatisk at rydde forældede cacher under opdateringer.
Udelukker:
Angiv, hvilke indholdstyper der skal udelades fra cachelagring.
ESI (Edge Side Includes):
OFF
– Adskiller dele af en side til cachelagring, men er kompleks.
Objekt cache:
Aktivér hvis din vært understøtter Redis eller Memcached for bedre databaseydelse.
Browsercache:
TIL
– Cachelagrer dynamisk indhold i brugerens browser for hurtigere indlæsning.
Sideoptimering
CSS-indstillinger:
CSS Minify:
ON
– Fjerner unødvendige tegn fra CSS.
CSS Combine:
OFF
– Kombinerer CSS-filer, men kan forbruge ressourcer.
Generer UCSS:
OFF
– Genererer kun ubrugt CSS, hvis CSS-kombinationen er slået til.
Indlæs CSS asynkront:
Test – Kan forbedre hastigheden, men kan medføre layoutskift.
Optimering af skrifttypevisning:
Standard – Undgå FOUC-problemer.
JS-indstillinger:
JS Minify:
ON
– Fjerner unødvendige tegn fra JavaScript.
JS Combine:
OFF
– Kombination af JS-filer kan forbruge ressourcer.
Indlæs JS udskudt:
Test – Udskydelse af JS kan forbedre hastigheden, men kan ødelægge funktionaliteten.
HTML-indstillinger:
HTML Minify:
ON
– Fjerner unødvendige tegn fra HTML.
DNS Prefetch:
ON
– Reducerer sideindlæsningstiden ved at forudhente DNS.
Fjern forespørgselsstrenge:
FRA
– påvirker normalt ikke ydeevnen.
Optimering af billeder
Auto Request Cron:
ON
– Optimerer automatisk nyligt uploadede billeder.
Auto Pull Cron:
ON
– Trækker optimerede billeder automatisk.
Optimer originale billeder:
ON
– Optimerer .png og .jpg billeder.
Fjern originale sikkerhedskopier:
FRA
– Opbevarer sikkerhedskopier til tilbageførselsoptimering, hvis det er nødvendigt.
Optimer tabsfrit:
TIL
– Bruger tabsfri komprimering til billeder.
Opret WebP-versioner:
ON
– Opretter .webp-versioner for bedre komprimering.
Image WebP Replacement:
ON
– Erstatter .jpg og .png med .webp, hvor det understøttes.
4. Opsætning af QUIC.cloud CDN | Cloudflare
Trin til opsætning af QUIC.cloud:
Anmod om domænenøgle:
I LiteSpeed Cache-indstillinger skal du anmode om en domænenøgle og tilføje din server-IP.
Webcrawleren opdaterer udløbne cachesider, men bruger ressourcer.
Aktivér crawler:
Kun hvis du administrerer din server.
Konfigurer crawler:
Konfigurer i Generelle indstillinger, og indsend dit sitemap.
Værktøjskasse
Administrer cacheindstillinger manuelt med Toolbox.
Udrensning:
Ryd specifikke cachetyper.
Import / eksport:
Indstillinger for sikkerhedskopiering og gendannelse.
Kontrol af hjerteslag:
Administrer WordPress Heartbeat for at reducere serverbelastningen.
Ofte stillede spørgsmål om brug af Litespeed Cache med WordPress
1. How do I know if LiteSpeed Cache is working properly on my site?
To verify that LiteSpeed Cache is functioning correctly:
Check Headers: Use a tool like Uptrends or your browser’s developer tools to inspect the HTTP headers of your website. Look for the headerx-litespeed-cache: hit. This indicates that the page is being served from the cache.
Performance Testing: Use tools like GTmetrix, PageSpeed Insights, or WebPageTest to analyze your site’s performance before and after enabling LiteSpeed Cache. Significant improvements in load times and performance scores are indicators that the cache is working effectively.
Cache Status: Visit the LiteSpeed Cache plugin dashboard in your WordPress admin area to view cache status, including hit and miss ratios, which will give you insight into how well the caching is performing.
2. Should I use QUIC.cloud or Cloudflare for my CDN?
Both QUIC.cloud and Cloudflare are excellent CDNs, but the choice depends on your specific needs:
QUIC.cloud: This CDN is specifically optimized for LiteSpeed Cache and integrates seamlessly with LiteSpeed servers. It offers dynamic content caching and additional optimization features that work in tandem with LiteSpeed Cache.
The standard plan provides full features, including DDoS protection and access to all PoPs, making it ideal for sites looking to maximize performance.
Cloudflare: Cloudflare offers robust free plans and is known for its wide range of security features, including DDoS protection and a large network of PoPs. It’s a versatile option that works well with various web servers.
If using Cloudflare, consider the Super Page Cache for Cloudflare plugin to integrate it with LiteSpeed Cache.
3. What should I do if my site’s performance is still poor after configuring LiteSpeed Cache settings?
If your site is not performing well even after configuring LiteSpeed Cache settings:
Check Configurations: Ensure that all LiteSpeed Cache settings are configured correctly according to the guide.
Additional Plugins: Use additional optimization plugins like Perfmatters to manage bloat, preload critical resources, and disable unnecessary scripts on specific pages.
Hosting Resources: Verify that your hosting plan provides adequate resources (CPU, RAM, etc.). Upgrading to a plan with better resources or a super Fast WordPress & Woocommerce Hosting like Hostious.io might guarantee you resolve the issue. P.S Migration to our reliable servers is Free for a limited time, Feel free to check it out and grab the offer!
Third-Party Scripts: Minimize the use of third-party scripts and plugins that may be causing delays. Use tools like Chrome DevTools to identify and address slow-loading resources.
4. Can I use both QUIC.cloud and Cloudflare together on my site?
While it is technically possible to use both QUIC.cloud and Cloudflare together, it adds complexity to your setup:
Choose One for Simplicity: It’s usually best to select one CDN to avoid potential conflicts and simplify configuration. QUIC.cloud integrates seamlessly with LiteSpeed Cache settings, while Cloudflare offers extensive features and is highly reliable.
Configuration: If you decide to use both, ensure that configurations do not overlap or conflict. For instance, use Cloudflare for static content caching and QUIC.cloud for dynamic content caching.
5. How do I optimize images for better performance with LiteSpeed Cache?
Optimizing images is crucial for improving load times and performance:
Enable Image Optimization: In the LiteSpeed Cache settings, navigate to the Image Optimization settings and enable features like Auto Request Cron and Auto Pull Cron.
WebP Conversion: Turn on the Create WebP Versions and Image WebP Replacement settings to serve lighter WebP images instead of larger PNG or JPEG files.
Lazy Loading: Enable Lazy Load Images to defer the loading of images until they are needed, improving initial load times.
LQIP (Low-Quality Image Placeholders): Consider enabling LQIP to display low-quality placeholders while high-quality images are loading, enhancing user experience without sacrificing performance.
Avoid Duplicates: Ensure that you are not using multiple image optimization plugins simultaneously, as this can cause conflicts and processing errors.
Konklusion
Korrekt konfiguration af LiteSpeed Cache kan drastisk forbedre dit websteds ydeevne og Core Web Vitals. For en endnu bedre oplevelse, overvej vores hostingtjenester optimeret til hastighed og pålidelighed.
