A weboldal nyilvános része, vagy más módon kifejezve, amit a böngésző fest, nem más, mint egy HTML dokumentum, ahol mindenféle címkét találunk: imgs, linkek, szakaszok, cikkek, fejlécek, láblécek stb. Nagyjából szólva:
Ez a HTML (néhány dolgot lecsökkentettem) festi a témát tizenkilenc WordPress a kezdeti telepítés alapján, pluginek nélkül, és csak a példaoldallal és a Hello World bejegyzéssel. Fizikailag elfoglalja 12,124 bájtokat. Nézzük meg, mit tehetünk a WordPress nyilvános részében létrehozott HTML méretének csökkentése érdekében.
Tisztítsa meg a HTML-t a WordPress fejlécéből
A fejlécbe olyan címkesorozat kerül, mint a wlwmanifest, generator, emojis (script és css) stb., Amelyeket valószínűleg nem fog használni, és csak helyet foglalnak, és több felesleges http-kérést generálnak. A fejléc tisztításához hozzáadhatunk egy függvényt a functions.php fájlunkba:
A fejlécünkben lenne ez a HTML kód:
Erre kell csökkenteni:
A HTML teljes súlya csökkentésre kerülne 9 171 bájt. Nemcsak csökkenthetjük a súlyt, de elkerülhetjük azokat a HTTP-kéréseket is, amelyek megnövelik weboldalunk betöltési idejét.
Tisztítsa meg azokat az osztályokat, amelyeket nem használunk a törzsben, cikkekben és menükben
Több címkében láthatjuk, hogy a WordPress osztályok sorozatát festi annak érdekében, hogy lehetőséget adjon nekünk egy adott sablon, bejegyzés, vagy akár egy kategóriához vagy címkéhez tartozó hozzászólások stb. Testreszabására. Példa:
Menücímkék (
-
):
Ha nem ezeket az osztályokat használja webhelye elrendezéséhez vagy stílusához, akkor inkább törölje őket. Legyen óvatos, érdekelheti néhány megtartása, az alábbi példákban fehér listákat fogunk létrehozni.
A törzscímke osztályainak kiküszöbölésére a szűrőt fogjuk használni test_osztály. Ez a szűrő osztályok sorozatát festi a sablon függvényében (például: home, error404, category ...):
Ugyanez vonatkozik a cikkekhez felvett osztályokra, de ezúttal a szűrő használatával post_class:
Menük esetében is, a szűrő használatával nav_menu_css_class:
Nem sok, de elmentünk 9,171 bájt 8,868 bájtokat. Emlékszem, hogy ez egy alapvető kezdeti telepítés, a nyereség nagyobb lenne egy valós környezetben, több bejegyzéssel, több menüponttal stb.
Távolítsa el a verzióparamétert a lekérdezési karakterláncokból
A WordPress általában a verziószámmal egy paramétert ad hozzá a CSS és JS fájlok URL-jéhez, például: ?nézet = 4.7.4. Eltávolításához csak adja hozzá ezt a funkciót:
Ebben a példában tízszer jelenik meg, ennek kiküszöbölésével csökkenthetjük a HTML értéket 8,775 bájtokat. Ezenkívül néhány teljesítményelemző, például a Pingdom Tools vagy a GT Metrix azt javasolja, hogy törölje őket, mert az egyes verzióváltozásokkal a gyorsítótár "érvényét veszti", és az ügyfélnek újra le kell töltenie az erőforrást, amely valószínűleg ugyanaz.
A befejezéshez szűkítse a HTML-t
A legtöbb gyorsítótár-bővítmény lehetővé teszi a HTML tömörítését. A HTML kicsinyítése azt jelenti, hogy megszünteti az összes szóközt, lapot, sortörést, megjegyzéseket stb. ... az egész HTML-t egyetlen sorban hagyja, ami olyan csúnyát hagy maga után, mint a bejegyzés borítóképe.
Példánkban a súlyt csökkentjük 7,758 bájtokat. Mivel a 12,124 kezdeti bájtok, ezek a műveletek a 4366 bájt. Nem sok, de figyelembe kell venni, hogy ez a példa kizárólag és kizárólag a WordPress tiszta telepítésében létrehozott tartalommal kapcsolatos.
A való életben telepített beépülő modulokkal és sokkal több tartalommal a frissítés több KB lehet. Még mindig kevés, de még mindig ezzel a példával mindig 7,7 KB-ot tölt be 12,1 KB-nál gyorsabban, még akkor is, ha alig néhány ezrelék észrevehetetlen az emberi szem számára.
Ezeket a technikákat abban az értelemben kell megközelíteni, ahogy vannak egy szem homok több ez segít nekünk a jobb teljesítményben. Ha gyorsítótár-bővítmény helyett azt szeretné, hogy kézzel végezze el, és ellenőrizze a HTML tömörítését, akkor felkérem, hogy látogassa meg ezt a repót a GitHub-on, ahol van egy PHP osztályom a feladat végrehajtására.
Befejezés: Befejezésként: Azokban a bejegyzési listákban, ahol meg tudjuk mutatni az utolsó 10 bejegyzést, ha minden bejegyzésnek van képe, címe, linkje, gombja, kivonata stb., És csökkentjük a listát az utolsó 8-ra, a festett HTML nem csak kevesebb lesz, a lekérdezés gyorsabb, és kevesebb http kérés is van például a képekhez, amellett, hogy elkerülik maguknak a két képnek a betöltését.
Hasznosnak találta ezeket az információkat?
Ha ez a bejegyzés megoldott egy problémát az Ön számára, vegyen nekem egy kávét vagy egy sört. Ezzel a kis mozdulattal arra biztat, hogy folytassam az írást.