Saltar al contenido

Γιατί πρέπει να αποφύγετε τη χρήση ένθετων πινάκων

1 de abril de 2021

Οι ιστοσελίδες πρέπει να κατεβάζουν γρήγορα, αλλά οι ένθετοι πίνακες μπορούν να επιβραδύνουν τη διαδικασία. Μην αφήσετε κανέναν να σας πει ότι περισσότεροι άνθρωποι χρησιμοποιούν ευρυζωνικό ή υψηλής ταχύτητας Διαδίκτυο, οπότε δεν χρειάζεται να ανησυχείτε για το πόσο γρήγορα φορτώνουν οι σελίδες σας. Με τον όγκο του περιεχομένου στον ιστό, μια σελίδα ή ιστότοπος που φορτώνει αργά θα έχει λιγότερους επισκέπτες από αυτόν που φορτώνει γρήγορα. Η ταχύτητα είναι σημαντική, ειδικά σε συνδέσεις κινητής τηλεφωνίας που ενδέχεται να περιορίζονται σε ρυθμούς δεδομένων 2G ή 3G.

Τι είναι ένας ένθετος πίνακας;

Ένας ένθετος πίνακας είναι ένας πίνακας HTML που έχει έναν άλλο πίνακα μέσα του. Για παράδειγμα:

Οι ένθετοι πίνακες προκαλούν τη λήψη περισσότερων αργών σελίδων

Ένας μεμονωμένος πίνακας σε μια ιστοσελίδα δεν θα προκαλέσει τη λήψη της σελίδας πιο αργά. Αλλά όταν τοποθετείτε έναν πίνακα σε έναν άλλο πίνακα, γίνεται πιο περίπλοκο για την απόδοση του προγράμματος περιήγησης, οπότε η σελίδα φορτώνεται πιο αργά. Και όσο περισσότεροι πίνακες τοποθετείτε, τόσο πιο αργή η φόρτωση της σελίδας. Κανονικά, όταν φορτώνεται μια σελίδα, το πρόγραμμα περιήγησης ξεκινά στην κορυφή του HTML και το φορτώνει διαδοχικά κάτω από τη σελίδα. Ωστόσο, με ένθετα τραπέζια, πρέπει να βρει το τέλος του πίνακα πριν μπορέσει να εμφανίσει ολόκληρο το πράγμα. Ο λόγος για τον οποίο η απόδοση επιβραδύνεται είναι ότι το πρόγραμμα περιήγησης πρέπει να επαναλάβει το έγγραφο HTML επιπλέον φορές.

Πίνακες για διάταξη

Όταν γράφετε έγκυρο XHTML, οι πίνακες δεν πρέπει να χρησιμοποιούνται για διάταξη. Οι πίνακες προορίζονται για δεδομένα πίνακα, όπως υπολογιστικά φύλλα και όχι για σχεδιασμό σελίδων. Αντ ‘αυτού, θα πρέπει να χρησιμοποιήσετε CSS για διάταξη – τα σχέδια CSS αποδίδονται πιο γρήγορα και σας βοηθούν να διατηρήσετε έγκυρη XHTML

Σχεδίαση ταχύτερων πινάκων φόρτωσης

Εάν σχεδιάζετε έναν πίνακα με πολλές σειρές, μπορεί συχνά να φορτώνεται πιο γρήγορα εάν γράφετε κάθε σειρά ως ξεχωριστό πίνακα. Αλλά αν γράψατε τον ίδιο πίνακα με δύο πίνακες, φαίνεται ότι φορτώνεται πιο γρήγορα, επειδή το πρόγραμμα περιήγησης θα αποδίδει τον πρώτο και μετά θα αποδίδει τον δεύτερο, αντί να αποδίδει ολόκληρο τον πίνακα ταυτόχρονα. Το κόλπο είναι να βεβαιωθείτε ότι κάθε πίνακας έχει τα ίδια πλάτη και άλλα στυλ (όπως παραγέμισμα, περιθώρια και περιγράμματα).

Μετατροπή ένθετων πινάκων σε έναν πίνακα

Μετατροπή ένθετων πινάκων σε ελαφρώς πιο περίπλοκους μεμονωμένους πίνακες με το να είσαι έξυπνος για χαρακτηριστικά όπως κόλπα, το οποίο, εάν αναπτυχθεί προσεκτικά, θα προσομοιώσει την εμφάνιση ενός ένθετου πίνακα χωρίς να λειτουργεί πραγματικά σαν ένα.