Reduceți HTML-ul WordPress-ului dvs. pentru a reduce greutatea paginii

Partea publică a unui site web sau exprimată în alt mod, ceea ce pictează browserul, nu este altceva decât un document HTML, unde vom găsi etichete de tot felul: imagini, link-uri, secțiuni, articole, anteturi, subsoluri etc. Aproximativ vorbind ceva de genul:

html-ul

Acesta este codul HTML (am redus câteva lucruri) care pictează tema douăzeci și șapte WordPress pe baza instalării inițiale, fără pluginuri și numai cu pagina de exemplu și intrarea Hello World. Ocupă fizic 12.124 octeți. Să vedem ce putem face pentru a reduce dimensiunea codului HTML generat în partea publică a unui WordPress.

Curățați HTML-ul antetului WordPress

O serie de etichete precum wlwmanifest, generator, emojis (script și css), etc ... sunt încărcate în antet, pe care probabil nu le veți folosi și ocupă doar spațiu și generează mai multe solicitări http inutile. Putem adăuga o funcție în funcțiile noastre.php pentru a curăța antetul:

Antetul nostru ar avea toate codurile HTML:

Pentru a fi redus la aceasta:

Greutatea totală a HTML-ului ar fi redusă la 9.171 octeți. Nu numai că reușim să reducem greutatea, dar evităm și solicitările HTTP care măresc timpul de încărcare a site-ului nostru web.

Curățați clasele pe care nu le folosim în corp, articole și meniuri

Putem vedea în diferite etichete că WordPress pictează o serie de clase pentru a ne oferi opțiunea de a personaliza un anumit șablon, sau o postare, sau chiar postările care aparțin unei categorii sau etichete, etc ... Exemplu:

Etichete meniu (

    ):

Dacă nu intenționați să utilizați aceste clase pentru a amenaja sau stiliza părți ale site-ului dvs. web, mai bine le ștergeți. Aveți grijă, s-ar putea să fiți interesat să păstrați unele, în exemplele de mai jos vom crea liste albe.

Pentru a elimina clasele etichetei corpului vom folosi filtrul body_class. Acest filtru pictează o serie de clase în funcție de șablonul în care ne aflăm (de exemplu: acasă, eroare404, categorie ...):

La fel și pentru clasele adăugate articolelor, dar de data aceasta folosind filtrul post_class: