Remove HTML Comments from wordpress website source

html comments. Πως να τα αφαιρέσετε απο το wordpress

Αφού ολοκληρώσετε τη δημιουργία της WordPress ιστοσελίδας σας, ρίξτε μια ματιά στον πηγαίο κώδικα HTML που δημιουργείται από το browser. Ίσως παρατηρήσετε πολλά HTML comments που προστέθηκαν από τo theme ή τα plugins σας στον πηγαίο κώδικα της ιστοσελίδας σας.

Η διαγραφή των HTML comments από τον πηγαίο κώδικα θα μειώσει το μέγεθος της HTML σελίδας.

Τα σχόλια HTML βοηθούν τους developers να κατανοούν τα πράγματα όπως την έναρξη και το τέλος των HTML sections.

Αυτό σημαίνει ότι αν δεν έχουμε ένα χειροποίητο wordpress site, όπου ο developer μας θα έχει αφαιρέσει τα html σχόλια, στην περίπτωση των έτοιμων themes & plugins αυτό επιφέρει ένα επιπλέον βάρος. Πρακτικά, για κάθε theme ή για κάθε plugin ο εκάστοτε developer τοποθετεί τα δικά του comments.

Οπότε όσο περισσότερα plugins έχουμε τόσα επιπλέον comments θα εμφανιστούν στον πηγαίο κώδικα html που αναπαράγει ο browser μας.
Ένας υγιής ιστότοπος δεν θα πρέπει να έχει τέτοια σχόλια και θα πρέπει να είναι καθαρός από όλους τους τύπους των αχρείαστων στοιχείων στον πηγαίο κώδικα μας.

– Πως θα αναγνωρίσουμε τα html comments ;

Στον chrome ή στον Firefox αρκεί να κάνουμε δεξί κλικ στην επιφάνεια της ιστοσελίδας μας και να επιλέξουμε «view page source».
Στο νέο tab που θα ανοίξει βλέπουμε την html απεικόνιση της ιστοσελίδας μας, όπως ακριβώς το αναπαράγει ο browser μας.
Τα html σχόλια μοιάζουν κάπως έτσι :
<!– Google Tag Manager for WordPress by gtm4wp.com –>
<!– / Yoast SEO plugin. –>
<!– background wrapper –>

Ένας απλός κώδικας που αφαιρεί τα html comments

Παρακάτω είναι μια απλή λύση, όπου όταν θα προσθέσετε τον παρακάτω κώδικα στο αρχείο functions.php (συνιστούμε στο child-theme), θα αφαιρέσει όλα τα σχόλια HTML που θα έχουν φορτωθεί απο τα themes και τα plugins της wordpress ιστοσελίδας σας.

[code]function callback($buffer){ $buffer = preg_replace(‘/<!–(.|s)*?–>/’, », $buffer); return $buffer; }
function buffer_start(){ ob_start(«callback»); }
function buffer_end(){ ob_end_flush(); }
add_action(‘get_header’, ‘buffer_start’);
add_action(‘wp_footer’, ‘buffer_end’);[/code]

Leave a comment