5 nasvetov HTML za ustvarjanje hitrega brezplačnega spletnega mesta

Oglas

Mojo HyperText Markup Lspretnosti anguage (HTML) so zagotovo zarjavele, vendar me morda ta članek uvršča v ta članek. Nazaj v dan, ko Prijatelji še vedno je bil na TV in AOL je vsak dan pošiljal brezplačne podstavke in mini frizbi, ustvarjal sem spletna mesta za nalaganje modema za klicanje. Ko je čas tekel, sem si mislil, da je tam še vedno veliko ljudi, ki nimajo širokopasovnih (klicnih) povezav, in še naprej oblikoval spletne strani na podlagi tega.

Končno sem obupala spletni dizajn in razvoj Želite izvedeti spletni dizajn? 7 YouTube kanalov za začetekYouTube ima na tisoče video posnetkov in kanalov za začetnike spletnega oblikovanja. Tu smo si ogledali nekaj najboljših za začetek. Preberi več ko se je kakovost vsebine začela gnati na stran po količini vsebine. Flash spletna mesta, veliko slik, pojavnih oken, pojavnih oken, drsnikov itd. Zaupajte svoji kakovostni vsebini in tega puha ne potrebujete. Zaupajte svoji vsebini in svoje spletno mesto lahko naredite neverjetno hitro.

Hitreje je s spletnim mestom, ki gostuje na brezplačni storitvi

zagotovo boljše. Zakaj? Ker „brezplačno“ ponavadi privabi veliko ljudi, strežnik pa mora pomesti vašo stran in tisoče strani drugih ljudi, ki niso optimizirane. Kot da bi poskušali prenesti konvoj Kenworthsov vlečnih hlodov s svojimi škarjami Jimmy haulin. Če imate majhnega Porscheja, to postane veliko lažje.

Tu je nekaj nasvetov za obrezovanje maščobe, ne v določenem vrstnem redu.

1. Tabele uporabljajte zmerno

Tabele so ulov-22. Na začetku so jih uporabljali za oblikovanje in oblikovanje vsebine v tabelo. Ko so postave oblikovanja postale bolj zapletene, so se mize povečale in se ugnezdile globlje, kar vedno pomeni upočasnitev časa nalaganja.

Cascading Stil Sprišli so heets (CSS) in resnično pomagali pri uporabi tabel za postavitev. Izdelovalci brskalnikov na žalost niso mogli zviti glave okoli ideje o standardih - in še vedno ne morejo. Kar je v CSS-u v Firefoxu izgledalo super, je bilo videti kot pasji zajtrk v IE in verjetno sploh ni bil upodobljen v Safariju. Ne zaganjaj me IE5 na Macu. Še vedno sem na terapiji zaradi tega.

Uporabljajte le tabele za postavitev vsebine, ki mora biti v tabelarska oblika Tableizer: Ustvari tabelo HTML iz preglednice Excel Preberi več - kot cenik ali hokejska statistika. To zmanjšuje število miz in globino gnezdenja, kar pomeni hitrejše nalaganje. Učenje CSS Top 5 spletnih mest za učenje CSS na spletu Preberi več bo zelo pomembno, če morate imeti domišljijsko postavitev.

2. Uporabite HTML za ustvarjanje barve

Ja, jaz sem Kanađanka, tako da je barva z 'u' zame. Vem, da je HTML usmerjen v Ameriko, zato je atribut "barva". Nauči se svojega šestnajstiške barvne kode in jih uporabite za poživitev vsebine namesto slik.

Poskusite dodati atribut barve v elemente HTML, da ga popestrite. To je še posebej dobro v tabelah ali oznaki telesa, kot je taka:

Če bi bil brskalnik, bi bil hitrejši pri nalaganju preprostih 7 znakov #FF00FF ali 10 × 10 slikovnih pik barvne fuzije nekaj tisočkrat? To je retorično vprašanje, v zadnji vrsti. Spustite roko navzdol.

3. Povezava do skriptov / tabel sloga

Če uporabljate določeno JavaScript (JS) ali CSS večkrat na vašem spletnem mestu, razmišljajte o ustvarjanju lastne datoteke in klicanju, namesto da bi jo postavljali na vsako stran. Ker brskalnik ponavadi predpomni datoteko in jo najprej pokliče pred preverjanjem s strežnikom, bo ta skript ali CSS že pripravljen za uporabo. To pomeni manj HyperText Transfer Protocol (HTTP) klici, kar pomeni hitrejše nalaganje strani.

Kako pokličete zunanji JavaScript:

–>

Zakaj sem te komentarje postavil okoli klica za JavaScript? Ker ni vsak brskalnik nastavljen za branje skriptov. Če dodate oznake za komentar, brskalniki z onemogočenim skriptom preprosto preskočijo, namesto da bi pošiljali nadležna sporočila o napakah.

Kako pokličete zunanji kaskadni list sloga:

To je tako preprosto. Atribut href je mesto, kjer nastavite tabelo sloga. Preostali atributi brskalniku povedo, kaj je ta datoteka, tako da ve, kaj storiti z njo.

Nekateri razvijalci lahko uporabljajo @import metoda za priklic tabele slogov. V Internet Explorerju je to tako, kot če imate svojega označite na dnu datoteke, zaradi česar naloži celotno stran in nato na njej ustvarite sloge. Slabo.

4. Združite svoje pogosto uporabljene skripte v eni datoteki

Mnogi spletni razvijalci bodo uporabljali iste skripte vedno znova. Morda obstaja skript ure in skript koledarja in morda kakšen poseben skript, ki ga bodo uporabljali na vsaki strani. Namesto 3 ločene datoteke, s 3 ločenimi klici HTTP, skripte postavite v eno datoteko in jo pokličite enkrat. To zmanjša vaše klice HTTP za 66% in se tudi predpomni. Hitro demon, ti! Preden spet dvignete roko, da, lahko storite isto z datotekami CSS.

5. Ne uporabljajte HTML za spreminjanje velikosti slik

Če želite na svoji spletni strani uporabiti sliko, ki je 1000 × 1000 slikovnih pik, vendar želite, da je le 250 × 250 slikovnih pik, jo spremenite v urejevalniku slik. Nekateri bodo sliko "skrčili" z uporabo takšnega HTML-ja:

Če je ta 1000 × 1000 slikovnih pik velikost datoteke 2 MB, velikost datoteke s HTML ne poveča velikosti datoteke! V resnici lahko traja dlje časa, ker mora brskalnik v vrečko z 2 kilogrami vstaviti 10 funtov kapo. Ni lahka naloga.

Upajmo, da vam bodo ti nasveti pomagali. Če jih uporabite ali imate kakšne druge ideje za optimizacijo HTML, jih lahko delite v komentarjih.