Ką turėtumėte žinoti apie įdėtas lenteles

click fraud protection

Tinklalapius reikia atsisiųsti greitai, tačiau įdėtos lentelės gali sulėtinti procesą. Neleiskite niekam sakyti, kad daugiau žmonių naudojasi plačiajuosčiu ar sparčiuoju internetu, todėl jums nereikės jaudintis dėl to, kaip greitai įkeliami jūsų puslapiai. Atsižvelgiant į turinio kiekį žiniatinklyje, lėtai įkeliamame puslapyje ar svetainėje bus mažiau lankytojų nei to, kuris greitai įkeliamas. Greitis yra svarbus, ypač naudojant mobiliuosius ryšius, kurie gali būti apriboti 2G ar 3G duomenų perdavimo sparta.

Kas yra įdėta lentelė?

Įdėta lentelė yra HTML lentelė, kurios viduje yra dar viena lentelė. Pavyzdžiui:

Naršyklė, rodanti kodo pavyzdį ankstesniame įdėtos lentelės pavyzdyje.

Įterptosios lentelės sukelia puslapių atsisiuntimą lėčiau

Dėl vienos lentelės tinklalapyje puslapis nebus atsisiunčiamas lėčiau. Bet įdėjus vieną lentelę į kitą lentelę, naršyklė tampa sudėtingesnė, todėl puslapis kraunasi lėčiau. Kuo daugiau lentelių jūs įdėsite, tuo lėčiau puslapis bus įkeltas.

Paprastai, kai puslapis įkeliamas, naršyklė prasideda HTML viršuje ir įkelia ją nuosekliai žemyn puslapyje. Tačiau naudodamas įdėtas lenteles, jis turi surasti lentelės galą, kad galėtų rodyti visą dalyką. Paveikslas sulėtėja dėl to, kad naršyklė turi pakartoti HTML dokumentą dar kelis kartus.

instagram viewer

Išdėstymo lentelės

Kai rašote galiojantį XHTML, lentelės neturėtų būti naudojamos išdėstymui. Lentelės skirtos lentelių duomenims pavyzdžiui, skaičiuokles, ne puslapio dizainui. Vietoj to turėtumėte naudoti CSS išdėstymui—CSS dizainai greičiau atvaizduoti ir padėti išlaikyti galiojantį XHTML.

Greičiau kraunamų lentelių projektavimas

Jei kuriate lentelę su keliomis eilėmis, ją dažnai galima įkelti greičiau, jei kiekvieną eilutę rašote kaip atskirą lentelę.

Bet jei parašėte tą pačią lentelę kaip dvi lenteles, atrodo, kad ji įkeliama greičiau, nes naršyklė atvaizduos pirmąją, o paskui - antrąją, o ne perteiks visą lentelę iškart. Apgaulė yra įsitikinti, kad kiekvienos lentelės plotis ir stiliai yra vienodi (pvz., Užpildas, paraštės ir kraštinės).

Įterptųjų lentelių konvertavimas į vieną lentelę

Konvertuokite įdėtas lenteles į šiek tiek sudėtingesnes atskiras lenteles, išmintingai vertindami tokius atributus kaip colspan, kuris atidžiai įdiegus imituos įdėtos lentelės išvaizdą, bet neveikia kaip viena.

instagram story viewer