Som mange mennesker gør, når de forsøger at få en hjemmeside til at indlæse hurtigere, refererer de til Google PageSpeed-anbefalingsside, og med rette, for hvis Google kommer med en udtalelse, er det som regel værd at lytte til. Men nogle gange kan det være ret rodet at lave alle optimeringerne, og du har måske ikke færdighederne til at udføre disse ændringer.
Som du måske ved, er der en række optimeringer, du skal foretage, når du skal gøre dit WordPress-websted hurtigere. En af dem er at vide, hvordan man udnytter browsercaching korrekt i WordPress. noget som CollectiveRay har en god artikel om det her.
Men det er slet ikke nok, hvis CSS- og Javascript-filerne er ret store. Det er netop det, minificering handler om.
Hvad er minificering? (og hvordan det kan gavne din hjemmeside)
Minimificering er funktionen ved at tage et stykke kode og fjerne alle tegn fra det (såsom mellemrum, linjeskift, tabulatorer og andet), der ikke formidler nogen betydning, bortset fra at gøre teksten mere læsbar. Minimerede WordPress-filer fungerer på samme måde som den originale kode, med den eneste forskel at de fylder lidt mindre, fordi de fjerner ekstra information. Af denne grund bliver filen mindre at downloade, hvilket resulterer i en hurtigere hjemmeside generelt.
Minimificering er særligt vigtig og nyttig til scripts (såsom Javascript-filer), CSS-stylark og andre lignende hjemmesidekomponenter.
Læs mere: Sådan ansætter du (FANTASTISKE) Javascript-udviklere - Top 5 websteder, klik her - https://www.collectiveray.com/hire-javascript-developer
Den primære årsag til at gøre dette og fordelene for dit websted er:
- Reducer indlæsningstider og gør din hjemmeside hurtigere generelt. Da de fleste hjemmesider bruger adskillige scripts og stylesheet-filer, hvilket resulterer i MEGET ekstra plads. Selvom du måske tror, at fjernelse af mellemrum ikke vil resultere i mange ændringer, kan den komplette minificeringsproces af alle filerne i en WordPress-installation give en betydelig fordel.
- Tilsløring af koden for almindelige læsere. Selvom den resulterende minificering ikke skjuler dit websteds kode (dvs. dette er forskelligt fra kodeforsløring), gør det det en del sværere for almindelige brugere at forstå, hvis det er noget, der bekymrer dig.
Selvom det er usandsynligt, at det at minimere din kode vil give en kæmpe forskel på din hjemmesides indlæsningstider, set som en del af en komplet optimeringsstrategi, ville det være en af de mange ting, du bør gøre. Det kan reducere din sides indlæsningstider med et par procentpoint, hvilket gør det til en god taktik at implementere alligevel.
Hvad sker der under minifyingsprocessen?
I bund og grund går minify-processen igennem sådanne tekstfiler og fjerner alt, der kun er beregnet til menneskelig brug, fordi den maskine, der parser filen, trods alt ikke gør filen læsbar for mennesker. WordPress minify-processen fjerner alt, såsom ekstra hvidt mellemrum (mellemrum, nye linjer, tabulatorer), kommentarer eller anden tekst, der øger filens størrelse uden at mindske filens "semantik" for browseren. Betydningen er der stadig, filerne er bare mindre.
For eksempel, sådan her ville en normal CSS-fil se ud:
krop {
margen: 30 pixel;
padding: 30px;
farve: #FFFFFF;
baggrund:#f7f7f7;
}
h1 {
font-size: 12px;
farve#222222;
margin-bottom: 5px;
}
Mens den minificerede version af denne kode ville se sådan ud:
body{margin:30px;padding:30px;color:#fff;background:#f7f7f7}h1{font-size:12px}
Du kan se, at tekstinformationen er præcis den samme, blot fjernet de ting, der er der for at gøre den mere læsbar. Det samme gælder for Javascript-filer.
Slutresultatet af at bruge plugins eller midler til at minimere Javascript WordPress ville være, at HTML-outputtet, sammen med de CSS-filer og JS-filer, der bruges af dit websted og dets plugins, ville se nogenlunde sådan ud:
Selvom det måske ligner en masse skrald, er al betydningen der stadig - det er bare blevet "minimeret" for at fjerne alt unødvendigt, der oppuster dets størrelse.
Der findes masser af plugins, der kan hjælpe dig med at opnå denne proces, som vil blive nævnt nedenfor.
Minimer Javascript WordPress
Processen med at minimere Javascript WordPress er ret ligetil. Du skal blot installere et af pluginsene nedenfor. Du bør også bemærke, at de centrale WordPress Javascript-filer allerede er minimeret som standard.
Faktisk, hvis du kigger på kildekoden på dit WordPress-websted, vil du se filtypen .min.js, der viser, at de faktiske filer allerede er minificeret.
Dette er ikke nødvendigvis tilfældet for plugins og temaer fra tredjepart.
Du kan også tage det ekstra skridt at fjerne eventuelle ekstra plugins og generere scripts, som du muligvis ikke har brug for.
Hvis du er helt optaget af ydeevne, kan du også vælge at oprette versioner af Javascript-filerne, der KUN inkluderer det script, der bruges af dit websted. Som standard har de fleste scriptfiler ekstra kode, der er inkluderet "bare i tilfælde af", at det skulle blive nødvendigt.
Du vil måske gerne lære om hvordan man gør dette her.
Minimer CSS WordPress
Igen er processen med at minimere CSS WordPress ligetil. Du kan blot installere et plugin, og dette vil automatisk udføre minimeringen af dine CSS-filer. Selvom de fleste af de centrale WordPress-filer har en minimeret version af CSS-filerne, gælder dette ikke nødvendigvis for alle plugins og temaer.
Vi vil igen anbefale at udføre en CSS-kodedækningsøvelse for at fjerne overflødig CSS-kode, der simpelthen er dødvægt.
Vi vil nævne en række plugins, der minimerer CSS WordPress, i næste afsnit nedenfor.
5 bedste WordPress Minify-plugins
Vi vil diskutere både generiske produkter, der generelt bruges til at gøre dit websted hurtigere gennem minificering, og specifikke plugins, hvis eneste funktion er minify-processen.
1. WP Rocket
Dette er vores absolutte yndlingsplugin.
Årsagen er enkel, dette er langt det bedste produkt, der kan udføre adskillige hastighedsoptimeringsopgaver på en virkelig simpel måde, men med et fremragende resultat i form af at gøre dit websted hurtigere, herunder at udføre en minificering af CSS- og Javascript WordPress-filer.
Det er virkelig bare én af de ting, som dette plugin gør, men når du først har installeret det, vil du opdage, at du ikke behøver at gøre noget andet.
Som du kan se nedenfor, er denne minificering en af de grundlæggende muligheder for optimering. Med den vil du se, at der er sammenkædning, hvilket er en sekundær optimeringsproces, der opretter én fil ud af alle CSS- og JS-filerne (fordi dette også gør det hurtigere at downloade filerne).
Pluginnet er ikke gratis, men prisen er meget billig på kun $49. I betragtning af den tid, det sparer dig, og resultatet af at dit websted indlæses hurtigere, bogstaveligt talt på få minutter, vil vi varmt anbefale at vælge dette.
Vi installerer dette plugin på alle WordPress-hjemmesider, vi opretter, simpelthen fordi det sparer os så meget optimeringstid.
Klik her for den laveste pris på WP Rocket
2. JCH Optimer
Her er et lille trick, der kan hjælpe dig rigtig meget - brug JCH Optimize - dette er et værktøj, der fungerer på flere platforme som WordPress, Joomla, Drupal og Magento.
Det fantastiske ved JCH Optimize er, at det implementerer et stort antal Google Page Speed og andre anbefalinger til at få din hjemmeside til at indlæse så hurtigt som muligt.
Det er fantastisk, fordi det kræver næsten ingen konfiguration og indgriben fra en bruger.
Hvis du leder efter en hurtig hostingtjeneste, så tag et kig på vores host, vi har anmeldt dem fuldt ud her: https://www.collectiveray.com/inmotion-hosting-review
Og du behøver ikke at rode rundt med nogen kode, alt dette gøres af plugin'et - det bevarer al din originale kodning, så du ikke ødelægger noget ved at rode rundt. Normalt foretager det også de optimeringer, der normalt er de sværeste at udføre. For at nævne et par stykker, er det disse, der er udført godt.
- Kombinerer CSS-filer fra alle dine skabeloner, moduler og plugins i én fil, hvilket reducerer antallet af forespørgsler, der sendes til dit websted
- Kombinerer Javascript-filer, som normalt er virkelig svære at kombinere uden at ødelægge webstedet
- Zipper CSS og Javascript, så de bliver mindre, og overførselstiden reduceres
- Minimerer Javascript og CSS for at gøre det mere kompakt og reducere dets størrelse yderligere (reducerer ekstra mellemrum, kommentarer osv.)
- Tilføjer et DEFER-tag, så din side indlæses først, og udfører Javascriptet, efter siden er indlæst, hvilket gør siden hurtigere at indlæse. Da denne specifikke implementering er afgørende for en hurtig hjemmeside, har vi dækket dette udførligt her: https://www.collectiveray.com/defer-parsing-of-javascript-wordpress-async
- Opretter IMAGE Sprites - dette reducerer også antallet af forespørgsler, der sendes til dit websted, meget betydeligt og er en af de sværeste optimeringer at opnå manuelt.
Det giver dig også mulighed for at justere nogle avancerede muligheder, såsom at udelukke bestemte filer, for at sikre, at hvis en udvidelse ikke virker efter at have kørt den gennem JCH Optimize, vil den virke alligevel.
PRO version, som er tilgængelig for sølle $29, giver dig adgang til adskillige andre optimeringsmuligheder, såsom at inkludere inline CSS og Javascript og indlæse Javascript asynkront for ikke at blokere indlæsningen af webstedet.
Tro mig, installer plugin'et, aktiver det, og tjek dine før- og efterresultater. Hvis du ikke oplever en betydelig forbedring, så kom tilbage her og klag, men jeg er ret sikker på, at du ikke kommer tilbage :)
Klik her for at downloade JCH Optimize
3. W3 Total Cache
Dette er et andet plugin, som du vil se, er et generisk stykke software, der gør en masse ting, der er relateret til at gøre WordPress hurtigt, herunder minifying af CSS-, JS- og HTML-filer.
Selvom du vil opdage, at dette nævnes meget ofte, når det kommer til sådanne plugins, skal det bemærkes, at dette produkt absolut ikke er en god idé for folk, der ikke er tekniske.
Det er kendt for at skabe betydelige problemer, hvor nogle fejl stadig findes, selv efter at softwaren er afinstalleret og slettet fra webstedet.
Os selv ved CollectiveRay har prøvet at bruge dette plugin flere gange, men på nuværende tidspunkt og i den nuværende tilstand anbefaler vi ikke længere, at det bruges til minificering eller til at gøre hjemmesider hurtigere, medmindre du ved præcis, hvad du laver.
4. WP Super Minify
Dette plugin bruger Minify PHP Framework og ved at bruge den kombineres, minimeres og caches indlejrede JavaScript- og CSS-filer efter behov for at fremskynde sideindlæsninger.
Ved at aktivere dette plugin, kildekoden til din HTML, inline JavaScript og CSS er nu fjernet for ekstra indhold, hvilket resulterer i, at deres størrelse er mindre.
Det, der adskiller sig fra andre plugins, der er nævnt her, er, at dette plugin KUN udfører minificeringsprocessen og ingen andre optimeringer, hvilket er et godt valg for dem, der kun ønsker at udføre denne funktion og intet andet af nogen grund.
5. Minimer med hurtig hastighed
Selvom der er mange andre WordPress minify-plugins, som vi kan anbefale, er dette det sidste, som vi nævner her.
Fast Velocity-pluginnet kombinerer alle CSS- og JavaScript-filer, så webserveren skal håndtere færre anmodninger. Samtidig minimerer det også filerne og opretter cachelagrede kopier for hurtigere indlæsningstider.
Dette plugin aktiverer automatisk mulighederne for at minimere din HTML, JavaScript og CSS, men du kan deaktiver en eller flere af dem manuelt ved at gå ind i Indstillinger → Minimer hurtig hastighed fane.
Du kan vælge at udelukke specifikke filer fra at blive minimeret, hvis et af dine plugins ikke fungerer, efter du har aktiveret dette.
Indpakning op
Selvom minificeringsprocessen ikke er en banebrydende funktion, bør den implementeres som en af flere opgaver for at gøre din WordPress hurtigere, og vi anbefaler kraftigt, at du implementerer et af de ovennævnte produkter.