Csökkentse a WordPress HTML-kódját az oldal súlyának csökkentése érdekében

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:

---