Kom godt i gang med SiteSkyline Optimizer
Velkommen til SiteSkyline Optimizer! Denne guide hjælper dig med at installere pluginnet, konfigurere dine indledende indstillinger og begynde at fremskynde dit WordPress- eller WooCommerce-websted på blot et par minutter.
Før du begynder
Før du installerer SiteSkyline Optimizer, skal du sikre dig, at dit websted opfylder følgende krav:
- En selvhostet WordPress hjemmeside.
- Kompatibel hosting, der kører en understøttet version af PHP.
Installation
Følg disse enkle trin for at installere pluginnet på dit websted:
- Log ind på dit WordPress-dashboard.
- Naviger til menuen Plugins og klik Tilføj nyt.
- Søg efter SiteSkyline Optimizer.
- Klik Installer nu og klik derefter Aktiver når installationen er færdig.
Førstegangsopsætning
Når den er aktiveret, kan du få adgang til alle funktioner gennem den nyligt tilføjede indstillingsmenu.
- Gå til menuen Indstillinger i dit WordPress-dashboard og se efter plugin-mulighederne.
- Begynd i Generel fanen for at konfigurere dine kernehastighedsjusteringer.
- Gennemgå de tilgængelige funktionsknapper for at fjerne unødvendig oppustethed på webstedet, rydde op i dit hovedudgang og trimme ekstra funktioner.
- Klik Gem ændringer nederst på siden for at anvende dine nye indstillinger.
Dine første skridt
Nu hvor dit plugin er aktivt, kan du prøve at udforske disse to nøglefunktioner for at se et øjeblikkeligt præstationsboost:
1. Fremskynd sidelevering
- Naviger til menuen Indstillinger og vælg Sidecache fanen.
- Skift til Aktiver sidecache skifte for at aktivere statisk HTML-sidecache.
- Konfigurer dine udløbspræferencer og ekskluderingsregler, og klik derefter Gem ændringer.
2. Optimer dine billeder
- Naviger til menuen Indstillinger og vælg WebP fanen.
- Skift Aktiver WebP-konvertering at begynde at omdanne tunge billeduploads til lettere, hurtigere formater.
- Vælg din foretrukne konverteringsmetode og klik Bulk Konverter for at optimere dit eksisterende billedbibliotek.
Optimer Dashboard
Hvad det gør
Optimize Dashboard giver dig et hurtigt overblik over dit websteds ydeevnestatus og cachetilstand. Det giver også hurtige optimeringsudløsere, så du kan holde dit websted kørende.
Sådan bruges det
- Gå til sektionen Optimer, og vælg fanen Optimer.
- Se status for dit nuværende websteds ydeevne.
- Klik på en af de hurtige optimeringshandlinger for at forbedre dit websted.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Ingen tilgængelige konfigurerbare indstillinger | Dette dashboard er designet til hurtig visning og udløsning af ydeevnehandlinger i stedet for manuel konfiguration. |
Tips & Best Practices
- Tjek Optimize Dashboard regelmæssigt for at holde dig informeret om dit websteds aktuelle ydeevne.
- Brug de hurtige optimeringsudløsere, når du vil udføre hurtige justeringer af ydeevnen.
- Par dine dashboard-anmeldelser med cache-administration og asset manager-funktioner for en komplet webstedshastighedsrutine.
Asset Analyzer
Hvad det gør
Asset Analyzer hjælper dig med at undersøge de scripts og stilarter, der er indlæst på dit websted. Ved at gennemgå disse sideaktiver kan du nemt identificere nye optimeringsmuligheder for dit websted.
Sådan bruges det
- Gå til afsnittet Asset Manager.
- Vælg fanen Analyser.
- Kør aktivanalysen.
- Se de indlæste CSS- og JavaScript-filer for hver side.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Ingen | Der er ingen konfigurerbare indstillinger for denne funktion. |
Tips & Best Practices
- Kør regelmæssigt scanninger for at holde styr på nye scripts og typografier, der er tilføjet til dine sider.
- Brug indsigten fra analysen til at spotte optimeringsmuligheder.
- Gennemgå dine indlæste CSS- og JavaScript-filer pr. side for bedre at forstå dit websteds ydeevne.
Regler for aktiver
Hvad det gør
Konfigurer betingede indlæsningsregler for scripts og typografier for at sætte aktiver i kø eller deaktivere på bestemte sider eller globalt. Dette hjælper dig med at fjerne uønskede scripts og stilarter fra specifikke sider for at reducere sidevægten.
Sådan bruges det
- Gå til sektionen Asset Manager, og åbn fanen Regler.
- Tilføj en ny aktivregel.
- Vælg de håndtag, du vil deaktivere.
- Gem dine aktivregler.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Regler for aktiver i kø | Angiv CSS- eller JS-håndtag for at deaktivere globalt eller på specifikke URL'er/indlægstyper. |
Tips & Best Practices
- Brug betingede indlæsningsregler til at fjerne uønskede scripts og typografier fra bestemte sider.
- Målret mod aktiver, der skal deaktiveres enten globalt eller på specifikke webadresser og indlægstyper for at hjælpe med at reducere sidevægten.
- Hold dine sider kørende effektivt ved at fjerne unødvendig kode, hvor det ikke er nødvendigt.
Media & Image Optimizer
Hvad det gør
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
Sådan bruges det
- Gå til sektionen Medier, og klik på fanen Billeder.
- Skift dine indstillinger for lazy loading og konfigurer dine billedoptimeringsparametre.
- Klik på knappen Gem for at gemme dine medieindstillinger.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Doven indlæsning | Skift indbygget eller script-baseret doven indlæsning af billeder. |
| LCP-billede forudindlæst / prioritet | Styr henteprioritet og forudindlæsning for LCP-billeder over skillelinjen. |
Tips & Best Practices
- Juster dine billedgengivelses- og indlæsningsindstillinger for at forbedre din Largest Contentful Paint (LCP).
- Brug indstillingen Lazy Loading til at vælge mellem indbygget eller script-baseret doven indlæsning af dine billeder.
- Konfigurer henteprioritet og forudindlæsning specifikt til dine billeder over skillelinjen.
WebP billedkonvertering
Hvad det gør
Konverter uploadede JPEG- og PNG-billeder til det moderne WebP-format for hurtigere billedlevering. Dette hjælper din hjemmeside med at indlæse hurtigere og giver en jævnere oplevelse for dine besøgende.
Sådan bruges det
- Gå til Media-sektionen, og vælg fanen WebP.
- Slå automatisk konvertering til, så nye uploads håndteres automatisk, eller vælg din foretrukne WebP-genereringstilstand.
- Kør en massekonvertering for at opdatere dit eksisterende billedbibliotek.
- Klik på knappen Gem for at beholde dine WebP-indstillinger.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| WebP-genereringstilstand | Vælg din konverteringsmetode, såsom GD, Imagick eller Cloud/Server-baserede regler. |
| Automatisk konvertering af uploads | Generer automatisk WebP-versioner, hver gang nye medier uploades til dit websted. |
Tips & Best Practices
- Aktiver automatisk konvertering for at spare tid, så du ikke manuelt behøver at konvertere hvert nyt billede, du uploader.
- Kør massekonverteringsværktøjet for hurtigt at opgradere hele dit eksisterende billedbibliotek på én gang.
- Eksperimenter med de tilgængelige generationstilstande for at finde den mulighed, der passer bedst til dit servermiljø.
- Kombiner denne funktion med medieoptimering for at sikre, at dine billeder er så hurtige og effektive som muligt.
Kritisk CSS-generering
Hvad det gør
Critical CSS Generation hjælper dine sider med at indlæse øjeblikkeligt ved at generere og inline kritisk CSS over skillelinjen. Denne proces eliminerer gengivelsesblokerende stylesheets, så besøgende kan se dit indhold med det samme uden at vente på, at hele stylesheets downloades.
Sådan bruges det
- Gå til sektionen Stil og vælg fanen Kritisk CSS.
- Vælg din foretrukne genereringstilstand, og konfigurer, om den kritiske CSS skal indsprøjtes direkte på dine sider.
- Rediger eventuelle fallback-kritiske CSS-regler, hvis det er nødvendigt.
- Klik på knappen Gem stilindstillinger for at anvende dine ændringer.
- Klik på knappen Generer kritisk CSS for at oprette dine kritiske stilarter over skillelinjen.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Kritisk CSS-genereringstilstand | Konfigurer automatisk generering eller manuel inline CSS-input pr. skabelon. |
| Inline Kritisk CSS | Skift, om kritisk CSS injiceres direkte i HTML-hovedet. |
Tips & Best Practices
- Opsæt dine kritiske CSS-regler omhyggeligt, så siderne gengives øjeblikkeligt for besøgende uden forsinkelse.
- Brug genereringstilstanden til at skifte mellem automatisk oprettelse og manuel input afhængigt af dine skabelonbehov.
- Husk at gemme dine stilindstillinger efter at have foretaget justeringer af dine regler eller præferencer.
Lokal Google Fonts-vært
Hvad det gør
Download Google Fonts lokalt, og server dem fra din egen server for at forbedre privatlivets fred og hastighed. Denne funktion eliminerer eksterne DNS-opslag til Google Fonts.
Sådan bruges det
- Gå til sektionen Stil og åbn fanen Skrifttyper.
- Slå lokal Google-skrifttypehosting til eller fra.
- Ryd din skrifttype-cache, når det er nødvendigt.
- Klik for at gemme dine skrifttypeindstillinger.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Selvvært Google-skrifttyper | Opsnappe automatisk Google Font-anmodninger, download skrifttypefiler lokalt og omskriv CSS. |
| Forudindlæs lokale skrifttyper | Tilføj forudindlæst linkoverskrifter til lokalt hostede skrifttypefiler. |
Tips & Best Practices
- Aktiver lokal skrifttypehosting for at forbedre både dit websteds privatliv og indlæsningshastighed.
- Brug muligheden for selvhosting til automatisk at opsnappe Google Font-anmodninger og downloade filerne til din egen server.
- Slå forudindlæsning af skrifttyper til for at tilføje nyttige linkoverskrifter til dine lokalt hostede skrifttypefiler.
- Husk at rydde din skrifttype-cache efter at have foretaget opdateringer til dine skrifttypeindstillinger.
JavaScript Defer & Optimization
Hvad det gør
Udsæt JavaScript-udførelse, kombiner eller forsink scripts, og fjern jQuery Migrate. Dette hjælper med at forhindre JavaScript i at blokere sidegengivelse og forbedrer dit websteds ydeevne.
Sådan bruges det
- Gå til JavaScript sektion og åbn JS fanen.
- Skift dine foretrukne JavaScript-udsættelsesmuligheder.
- Udeluk eventuelle specifikke script-håndtag fra udsættelse, hvis det er nødvendigt.
- Gem dine JavaScript-indstillinger.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Udsæt JS-udførelse | Tilføjer defer- eller async-attributter til ikke-kritiske script-tags. |
| Fjern jQuery Migrate | Fjerner det unødvendige jquery-migrer-script. |
Tips & Best Practices
- Brug scriptudsættelse for at forhindre, at JavaScript blokerer dit sideindhold i at indlæse problemfrit.
- Udnyt udelukkelser ved at holde specifikke script-håndtag ude af udsættelsesprocessen, hvis et script kræver øjeblikkelig udførelse.
- Par denne funktion med aktivregler for at få endnu mere kontrol over, hvordan dine webstedsscripts indlæses.
Cache Management & Page Cache
Hvad det gør
Konfigurer sidecachelagring, cacheforudindlæsning, cacheudløbsregler og ekskluderingsmønstre. Denne funktion giver dig mulighed for at vise statiske HTML-snapshots øjeblikkeligt til besøgende.
Sådan bruges det
- Gå til sektionen Cache, og vælg fanen Cache.
- Skift dine sidecacheindstillinger for at aktivere disk- eller avanceret sidecachelagring.
- Indstil din cache-udløbsvarighed og definer eventuelle ekskluderingsmønstre efter behov.
- Brug de tilgængelige handlinger til at forudindlæse cachen eller tømme cachen, når du har brug for at opdatere dit indhold.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Aktiver sidecache | Skift disk eller avanceret side caching backend. |
| Cache-udløb / TTL | Indstil tid til live varighed for cachelagrede sider. |
| Udelukkede URL'er/cookies | Definer forespørgselsstrenge, cookies eller stier for at omgå cache. |
Tips & Best Practices
- Aktiver sidecache for at sikre, at dine besøgende modtager statiske HTML-øjebliksbilleder øjeblikkeligt for en hurtigere browsingoplevelse.
- Tøm regelmæssigt din cache efter at have foretaget væsentlige opdateringer til dit websted, så besøgende kan se dine seneste ændringer med det samme.
- Brug forhåndsindlæsning af cache til proaktivt at generere cachelagrede sider, før besøgende anmoder om dem.
- Konfigurer ekskluderede webadresser og cookies til dynamiske sider eller områder på dit websted, som aldrig bør vises fra et cachelagret øjebliksbillede.
Regler for browsercaching
Hvad det gør
Browser-cachingregler giver dig mulighed for at konfigurere udløbsheadere, såsom Expires og Cache-Control, for dine statiske aktiver. Dette hjælper tilbagevendende besøgende med at indlæse dit websted hurtigere ved at trække statiske filer direkte fra deres lokale browsercache.
Sådan bruges det
- Gå til Cache afsnittet og klik på Browser cache fanen.
- Konfigurer din browsers cacheoverskrifter og udløbsregler for dine statiske aktiver.
- Klik på knappen for at generere og opdatere dine browsercacheregler.
- Gem din browsers cacheindstillinger for at anvende ændringerne.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Browser-cacheoverskrifter | Tilføj udløbsregler for CSS, JS, billeder og skrifttyper i din serverkonfiguration. |
Tips & Best Practices
- Aktiver regler for browsercache for at hjælpe tilbagevendende besøgende med at indlæse statiske aktiver hurtigere fra deres lokale browsercache.
- Brug disse regler til korrekt at konfigurere udløbsheadere som Expires og Cache-Control for dine filer.
- Gem og opdater jævnligt din browsers cacheindstillinger, hver gang du justerer dine cacheregler.
OPcache styring
Hvad det gør
Overvåg og administrer PHP OPcache-status og cache-nulstilling. Se præstationsmålinger, og hold dit websted kørende.
Sådan bruges det
- Gå til Cache-sektionen og vælg fanen OPcache.
- Gennemgå dit nuværende hukommelsesforbrug, hitrate og cachelagrede scriptantal.
- Klik på knappen for at opdatere din statusstatistik, når du har brug for opdaterede oplysninger.
- Klik på knappen for at nulstille din OPcache, når det er nødvendigt.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Visning af OPcache-indstillinger | Se hukommelsesforbrug, hitrate og cache-scriptantal. |
Tips & Best Practices
- Tjek jævnligt dine cache-ydeevnemålinger for at sikre, at dit websted kører effektivt.
- Opdater din statusstatistik for at se de mest opdaterede præstationsoplysninger.
- Nulstil din OPcache, når du har brug for at rydde gemte scripts og anvende opdateringer.
WordPress Core Feature Manager
Hvad det gør
WordPress Core Feature Manager hjælper dig med at deaktivere uønskede WordPress-kernefunktioner, bloat og telemetri. Det giver dig mulighed for at rydde op på dit websteds hoved og reducere dit websteds angrebsoverflade ved at slå unødvendige indbyggede funktioner fra.
Sådan bruges det
- Naviger til sektionen Feature Manager, og vælg fanen WordPress.
- Skift mellem kernefunktionskontakterne for de elementer, du vil slå fra.
- Gem dine WordPress-kerneindstillinger for at anvende ændringerne.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Deaktiver emojis | Fjern WordPress emoji-scripts og -stile fra hovedet. |
| Deaktiver indlejringer | Deaktiver oEmbed-opdagelseslinks og REST API-indlejringsslutpunkter. |
| Deaktiver XML-RPC | Luk XML-RPC-protokolanmodninger ned. |
| Deaktiver RSS-feeds | Fjern feedlinks og deaktiver feedgenerering. |
Tips & Best Practices
- Gennemgå dit websteds krav, før du deaktiverer funktioner for at sikre, at du ikke deaktiverer funktionalitet, som dine besøgende eller integrationer er afhængige af.
- Deaktivering af ubrugte funktioner som XML-RPC og indlejringer er en fantastisk måde at hjælpe med at reducere dit websteds angrebsoverflade.
- Deaktivering af unødvendige scripts som emojis hjælper med at rydde op på dit websted for en mere slank opsætning.
WooCommerce Store Modes & Cleanup
Hvad det gør
Strømlin WooCommerce ved at deaktivere ubrugte butiksfunktioner, scripts og bloat. Denne funktion hjælper med at forhindre unødvendige elementer i at blive indlæst på sider, hvor de ikke er nødvendige.
Sådan bruges det
- Gå til sektionen Funktionshåndtering.
- Vælg WooCommerce, og åbn derefter fanen Tilstande.
- Skift WooCommerce-funktionskontakterne som ønsket.
- Gem dine WooCommerce-tilstandsindstillinger.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Deaktiver Cart Fragments | Deaktiver wc-cart-fragments AJAX-anmodninger på ikke-shop-sider. |
| Disable WooCommerce Styles & Scripts | Aflæs WooCommerce frontend CSS/JS på ikke-butikssider. |
| Deaktiver WooCommerce Brands | Dræb WooCommerce Brands-pakken/udvidelsen. |
Tips & Best Practices
- Slå WooCommerce-optimeringer i hele butikken til og fra for at forhindre, at vognfragmenter indlæses på blogindlæg eller statiske sider.
- Stop butiksscripts fra at blive indlæst på sider, der ikke har brug for dem for at holde dit websted kørende.
- Gennemgå dine indstillinger efter at have foretaget ændringer for at sikre, at din butiks sider vises korrekt.
WooCommerce Asset Manager
Hvad det gør
WooCommerce Asset Manager giver dig mulighed for at kontrollere indlæsningen af specifikke WooCommerce-scripts og stylesheets på tværs af dine butikssider. Du kan finjustere, hvilke WooCommerce-aktiver, der indlæses på specifikke sider, for at hjælpe med at optimere din butik.
Sådan bruges det
- Gå til sektionen Funktionshåndtering.
- Vælg WooCommerce-indstillingen, og klik på fanen Aktiver.
- Konfigurer dine WooCommerce-aktiver indlæsningsregler.
- Klik på knappen Gem for at gemme dine aktivregler.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Regler for WooCommerce-aktiver | Deaktiverer betinget specifikke WooCommerce-script- og stilhåndtag. |
Tips & Best Practices
- Gennemgå dine butikssider efter opdatering af dine aktivregler for at sikre, at alt vises og fungerer korrekt.
- Deaktiver kun scripts og stylesheets, som du er sikker på, ikke er nødvendige på bestemte sider.
- Tag dig god tid, når du konfigurerer regler for at holde din butik kørende.
WooCommerce planlagte opgaver (Cron)
Hvad det gør
Administrer og optimer WooCommerce-baggrundsplanlagte opgaver og handlingsplanlægningskøer. Gennemgå WooCommerce baggrundsopgavekøer og ryd op i gamle handlingsplanlægningslogfiler for at holde din butik kørende.
Sådan bruges det
- Gå til sektionen Feature Manager, vælg WooCommerce, og åbn Planlagte opgaver fanen.
- Gennemgå dine baggrundsopgavekøer og konfigurer dine præferencer.
- Kør afventende handlinger manuelt eller slet afsluttede handlingslogfiler efter behov.
- Klik på Gem cron-indstillinger knappen for at anvende dine ændringer.
Settings & Options
| Indstilling | Hvad det styrer |
|---|---|
| Indstilling af handlingsplanlægning | Konfigurer batchstørrelse og opbevaringsperiode for gennemførte/mislykkede handlinger. |
Tips & Best Practices
- Ryd regelmæssigt op i gamle handlingsplanlægningslogfiler ved at slette afsluttede handlingslogfiler for at holde dit system organiseret.
- Brug manuelle kørsler til afventende handlinger, når du skal behandle baggrundsopgaver med det samme.
- Juster dine Action Scheduler Tuning-indstillinger for at optimere, hvordan batchstørrelser og opbevaringsperioder håndteres i din butik.
WooCommerce Admin Bloat Control
Deaktiver WooCommerce admin dashboard-widgets, analyserapporter og marketingmeddelelser.
WooCommerce Email Optimizer
Optimer WooCommerce transaktions-e-mails og deaktiver unødvendige e-mail-triggere.
