Ikke en annen typisk kode kopiere og lime artikkelen, men heller min erfaring deling på hvordan jeg optimaliserer mitt WordPress-nettsted. Ikke å si dette er det beste, men dette burde fungere.
Noen WordPress-temaer eller barnemner bruker spesielt @import-kommandoen i CSS-filen for å importere stylingen fra foreldetemaet. Mens denne metoden gjør stilen.css for barnets tema lys og liten, påvirker det belastningstiden siden nettleseren må laste ned stilarket. Filen lastes ikke ned parallelt, men i stedet blir det i kø som legger opp på lastetidspunktet.
Det jeg vanligvis gjør er å slette kommandoen @import fra min CSS-fil og bare kopiere hele CSS-filen som ble importert. Ved å redusere (ved hjelp av W3 Total Cache eller Wp-Minify) vil størrelsen på CSS-filen bli redusert.
Et annet triks er å bruke stikkord. I henhold til tipsene for Googles tips for god praksis for Google Web, tag gjør at nettleseren kan laste ned filer parallelt. Bare slett @import-kommandoen i stilarket og legg til stilarket i form av:
Velg alltid den asynkrone typen ressurskoder for sosiale knapper og Google Analytics. Jeg tror at alle de vanlige tingene som vi legger på nettstedet vårt (Google Analytics, Facebook Like & Google Plus) allerede har denne typen kode. Pass på at du bruker de oppdaterte ressurskodene og bruk de asynkrone.
Mesteparten av tiden, de opplæringene du følger fra noen andre blogger ble skrevet for måneder siden, og de ble ikke oppdatert til de asynkrone koder. Andre tilfeller involvert plugins som du bruker til å sette inn sosiale knapper. Du kan alltid skrive til plugin-utvikleren slik at de oppdaterer disse kodene.
Trenger du å kjøre commentreply.js på forsiden din når det ikke er noen kommentarfunksjon der? Det er den generelle ideen. Noen JavaScript som kjører i temaet ditt kan utelukkes fra å kjøre på bestemte sider for å redusere belastningstiden på nettstedet ditt. Hvordan gjør vi dette?
En av løsningene er å bruke Widget Logic WordPress plugin slik at du kan styre widgets eller heller sider der widgets vil vises. I mitt tilfelle, siden jeg ikke viser noen sosiale knapper på min forside, setter jeg den bestemte widgeten slik at skriptressursene for å kjøre den knappen bare vil kjøre på enkelt sider.
Du kan spørre, hvorfor legger jeg ikke scriptet i single.php. Årsaken er at siden jeg bruker tjue elleve med et barntema, er sidebaret i kø etter hovedinnholdet. Derfor vil innholdet i teorien først vises (helt) før disse knappene vises. Ingen klikker på sosiale knapper før du selv leser innholdet, så det er best å la innholdet komme ut fort for leserne dine.
Den andre metoden er å bruke minifunksjonen i W3 Total Cache. Du kan faktisk velge hvor du skal legge inn de minifiserte skriptene (i
, før eller etter ), men dette krever mye prøving og feiling fra din side. Tanken er å legge inn skript som faktisk brukes i temaoppsettet ditt inni og resten av det før .Under prøve- og feilsøkingsprosessen blir nettstedet ditt ofte ofte ødelagt, men ikke bekymre deg, da dette kan løses ved å slette informasjonskapslene og cachen.
CloudFlare har fått stor popularitet med WordPress-brukere. Årsaken er enkel, deres CDN-nettverk fungerer, og det er gratis. Med ekstra sikkerhet og beskyttelse mot spambots, er CloudFlare en god funksjon å bli lagt til i WordPress-installasjonen.
I dag kan du automatisk installere CloudFlare fra din cPanel (avhengig av om ditt vertsfirma støtter det eller ikke). Det er enda enklere å installere innen cPanel enn å gjøre det manuelt.
Den generelle ideen om hvordan du gjør et nettsted raskt er å redusere ting som trengs for å laste, størrelsen på siden og å understreke på skript som faktisk bygget opp nettstedet først, enn andre skript som annonser, sosiale knapper og analyser. Det er tilrådelig at du forstår strukturen på temaet ditt og vet hva som er lastet først og sist for å bestemme hvilket skript som er viktig og som ikke er.
Jeg foreslår at du bruker litt tid hver måned ved hjelp av benchmarking-verktøy som GTmetrix og Pingdom Full Page Test for å analysere nettstedet ditt.