5 HTML savjeta za izradu besplatne web stranice za brzo učitavanje

Oglas

Moj HyperText Markup LAnguage (HTML) vještine su izvjesne hrđe, ali možda me to odgovara ovom članku. Povratak u dan kad Prijatelji još uvijek je bio na TV-u, a AOL je svakodnevno slao besplatne podmornice i mini frizbije, izrađivao sam web stranice za učitavanje dial-up modema. Kako je vrijeme prolazilo, imao sam smisla pomisliti da je još uvijek puno ljudi s neširokopojasnim (dial-up) vezama i nastavio sam osmišljavati web stranice na temelju toga.

Napokon sam odustao web dizajn i razvoj Želite naučiti web dizajn? 7 YouTube kanala za početakYouTube ima tisuće videozapisa i kanala za početnike web dizajna. Ovdje ćemo pogledati neke od najboljih za početak. Čitaj više kada se kvaliteta sadržaja počela gurati u stranu po količini sadržaja. Flash web stranice, puno slika, skočnih prozora, pop-undera, klizača itd. Pouzdajte se u kvalitetni sadržaj i neće vam trebati ovaj pahuljica. Pouzdajte se u svoj sadržaj i web stranicu možete učiniti blistavo brzom.

Sa web stranicom koja se nalazi na besplatnoj usluzi brže je

definitivno bolje. Zašto? Budući da 'besplatno' teži privući puno ljudi, a poslužitelj mora obložiti vašu stranicu i tisućama stranica drugih ljudi koji nisu optimizirani. To je poput pokušaja da prođe konvoj Kenworthsovih vučnih trupaca s tvojim Jimmy haulinovim šapama. Ali ako imate mali Porsche, to postaje puno lakše.

Evo nekoliko savjeta kako smanjiti masnoću, ne određenim redoslijedom.

1. Koristite tablice štedljivo

Tablice su ulov-22. U početku su se koristili za oblikovanje dizajna kao i stavljanje sadržaja u format tablice. Kako su izgleda dizajna postajali sve složeniji, tablice su postale veće i ugniježđene dublje, a to uvijek znači usporavanje vremena učitavanja.

Cascading STyle Sheets (CSS) je došao i stvarno je pomogao problem korištenja tablica za izgled. Nažalost, čini se da proizvođači preglednika ne bi zamotali oko ideje o standardima - i još uvijek ne mogu. Ono što je izgledalo sjajno u CSS-u u Firefoxu izgledalo je kao pseći doručak u IE-u, a vjerojatno nije ni bio uz Safari. Nemoj me pokrenuti IE5 na Macu. Još uvijek sam na terapiji zbog toga.

Koristite tablice samo za oblikovanje sadržaja koji mora biti u a tabelarni format Tableizer: Stvorite HTML tablicu iz Excel proračunske tablice Čitaj više - poput cjenika ili statistike hokeja. To smanjuje broj stolova i dubinu gniježđenja, što znači brže vrijeme utovara. Učenje CSS-a Top 5 web mjesta za učenje CSS-a na mreži Čitaj više će napraviti veliku razliku ako morate imati maštovit izgled.

2. Upotrijebite HTML za stvaranje boje

Da, ja sam Kanađanka, tako da je boja sa 'u' meni. Znam da je HTML fokusiran na Ameriku, pa je atribut "boja". Nauči svoje šesterokutni kodovi boja i pomoću njih oživite sadržaj umjesto slika.

Pokušajte dodati atribut boje svojim HTML elementima da biste ga začinili. To se posebno dobro događa u tablicama ili u oznaci tijela, poput takve:

Da ste preglednik, biste li brže učitali jednostavnih 7 znakova od #FF00FF ili slika veličine 10 × 10 piksela u boji fuzije nekoliko tisuća puta? To je retoričko pitanje, u zadnjem ste redu. Spusti ruku.

3. Poveznica na skripte / tablice stilova

Ako koristite određeno JAvaScript (JS) ili CSS više puta na vašoj web stranici, razmislite o stvaranju vlastite datoteke i pozivanju je, umjesto da je postavite na svaku stranicu. Budući da preglednik ima tendenciju da kešira datoteku i prvo je nazove na nju prije provjere s poslužiteljem, vaš će preglednik već imati tu skriptu ili CSS spreman za upotrebu. To znači manje HyperText Transfer Protocol (HTTP) pozivi što znači brže učitavanje stranice.

Kako nazvati vanjski JavaScript:

–>

Zašto sam stavio te oznake komentara oko poziva na JavaScript? Jer nije svaki preglednik postavljen za čitanje skripti. Dodavanje oznaka za komentare čini da preglednici s onemogućenim skriptima jednostavno preskaču Internet umjesto da daju dosadne poruke o pogrešci.

Kako nazvati vanjski kaskadni list stila:

To je tako jednostavno. Atribut href je mjesto na kojem se postavlja vaš stil tablice. Ostali atributi govore pregledniku što je ta datoteka, pa zna što treba učiniti s njom.

Neki programeri mogu koristiti @uvoz metoda za pozivanje tablice stilova. U programu Internet Explorer ovo je kao da imate svoj označite na dnu vaše datoteke, uzrokujući to da učita cijelu stranicu, a zatim na njoj prikaže stilove. Nije dobro.

4. Kombinirajte svoje najčešće korištene skripte u jednoj datoteci

Mnogi web programeri će koristiti iste skripte iznova i iznova. Možda postoji skripta sata i skripta kalendara, a možda će biti skripta posebnog učinka koja će se koristiti na svakoj stranici. Umjesto 3 odvojene datoteke, s 3 odvojena HTTP poziva, stavite skripte u jednu datoteku i nazovite je jednom. To smanjuje vaše HTTP pozive za 66% i također se sprema u predmemoriju. Brzo demon, ti! Prije nego što ponovo podignete ruku, možete, to možete učiniti s CSS datotekama.

5. Ne koristite HTML za promjenu veličine vaših slika

Ako na svojoj web stranici želite koristiti sliku veličine 1000 × 1000 piksela, ali želite da ona bude samo 250 × 250 piksela, promijenite je u uređivaču slika. Neki će sliku "smanjiti" pomoću HTML-a poput:

Ako je slika veličine 1000 × 1000 piksela veličine 2 MB, veličina datoteke u HTML-u ne čini veličinu datoteke manjom! U stvari, može potrajati duže jer pregledač sada mora ubaciti 10 kilograma trunca u vreću od 2 kilograma. Nije lak zadatak.

Nadam se da će vam ti savjeti pomoći. U komentarima mi uzvratite ako ih koristite ili imate neke druge ideje za optimizaciju HTML-a koje biste mogli podijeliti.