Publicitate
Ale mele HyperText Markup Labilitățile de anguage (HTML) sunt sigure, dar poate asta mă califică pentru acest articol. În ziua în care Prieteni era încă la TV și AOL trimitea zilnic coșuri și mini-frisbee, creeam site-uri web pentru încărcare pe modemuri dial-up. Odată cu trecerea timpului, am avut tupeul să cred că există o mulțime de oameni încă acolo cu conexiuni non-broadband (dial-up) și am continuat să proiectez site-uri web bazate pe asta.
În cele din urmă, am renunțat proiectare și dezvoltare web Vrei să înveți web design? 7 canale YouTube pentru a vă începeYouTube are mii de videoclipuri și canale pentru începători în designul web. Aici ne uităm la unele dintre cele mai bune pentru a începe. Citeste mai mult când calitatea conținutului a început să fie împinsă la o parte de cantitatea de conținut. Site-uri flash, o mulțime de imagini, ferestre pop-up, pop-under, glisoare etc. Aveți încredere în conținutul dvs. de calitate și nu aveți nevoie de acest puf. Ai încredere în conținutul tău și poți face site-ul tău rapid rapid.
Cu un site web găzduit pe un serviciu gratuit, mai rapid este categoric mai bine. De ce? Deoarece „gratuit” tinde să atragă o mulțime de oameni, iar serverul trebuie să vă extindă pagina, plus mii de pagini ale altor popoare care nu sunt optimizate. Este ca și cum ai încerca să treci un convoi din jurnalele de tragere ale lui Kenworths cu cârligele tale Jimmy Haulin. Dar dacă aveți un Porsche mic, asta este mult mai ușor de făcut.
Iată câteva sfaturi pentru a tăia grăsimea, într-o ordine anume.
1. Folosiți tabele cu puțin nivel
Tabelele sunt o captură 22. La început, acestea au fost folosite atât pentru a proiecta design, cât și pentru a pune conținut în format tabel. Pe măsură ce aspectele de proiectare au devenit mai complexe, mesele au devenit mai mari și s-au cuibărit mai adânc, iar asta înseamnă întotdeauna o încetinire a timpului de încărcare.
Cascading Style Sheets (CSS) a venit și a ajutat într-adevăr problema folosirii tabelelor pentru aspect. Din păcate, producătorii de browser nu par să-și înfășoare capul în jurul ideii de standarde - și încă nu pot. Ceea ce arăta excelent în CSS în Firefox arăta ca un mic dejun al câinelui în IE și, probabil, nu a fost nici măcar redat în Safari. Nu mă începe IE5 pe un Mac. Sunt încă în terapie peste asta.
Vă rugăm să utilizați tabele doar pentru a aranja conținutul care trebuie să fie într-un format tabular Tableizer: Generați tabel HTML dintr-o foaie de calcul Excel Citeste mai mult - cum ar fi o listă de prețuri sau statistici de hochei. Aceasta reduce numărul de tabele și adâncimea de cuibărit, ceea ce înseamnă timp de încărcare mai rapid. Învățarea CSS Top 5 site-uri pentru a învăța CSS online Citeste mai mult va face o mare diferență, dacă trebuie să aveți un aspect fantezist.
2. Folosiți HTML pentru a crea culoare
Da, sunt canadian, deci este culoare cu un „u” pentru mine. Știu că HTML este centrat pe America, deci atributul este „culoare”. Aflați-vă coduri de culoare hexidecimală și folosiți-le pentru a amora conținutul în loc de imagini.
Încercați să adăugați atributul de culoare elementelor HTML pentru a-l condimenta. Acest lucru funcționează mai ales în tabele sau pe eticheta corpului, cum ar fi:
Dacă ai fi un browser, ai fi mai rapid la încărcarea a doar 7 caractere de #FF00FF sau o imagine de 10 × 10 pixeli a culorii fuschia de câteva mii de ori? Aceasta este o întrebare retorică, voi în rândul din spate. Pune-ți mâna jos.
3. Link către scripturi / fișe de stil
Dacă utilizați un anumit JavaScript (JS) sau CSS în mod repetat pe site-ul dvs. web, gândiți-vă la crearea propriului fișier și apelarea acestuia, în loc să-l puneți pe fiecare pagină. Întrucât un browser are tendința de a cache un fișier și de a apela acel fișier mai întâi înainte de a verifica cu serverul, browserul dvs. va avea deja acel script sau CSS gata de utilizare. Asta înseamnă mai puțin HyperText Taxele pe transfer Papeluri rotocol (HTTP) ceea ce înseamnă o pagină de încărcare mai rapidă.
Cum să sunați un JavaScript extern:
–>
De ce am pus acele etichete de comentarii în jurul apelului pentru JavaScript? Deoarece nu orice browser este setat să citească scripturi. Adăugarea etichetelor de comentarii face ca browserele cu scripturi dezactivate să sară doar peste el, în loc să dea mesaje de eroare enervante.
Cum să sunați o foaie de stil extern în cascadă:
Este atat de simplu. Atributul href este locul în care ați setat locația foii de stil. Restul atributelor spun browserului ce este acel fișier, deci știe ce să facă cu acesta.
Unii dezvoltatori pot utiliza @import metoda de a apela o foaie de stil. În Internet Explorer, este ca și cum ai avea etichetați în partea de jos a fișierului dvs., făcând-o să încarce întreaga pagină și, după aceea, reda stilurile de pe ea. Nu e bine.
4. Combinați scripturile utilizate în mod obișnuit într-un singur fișier
Mulți dezvoltatori web vor folosi aceleași scripturi încă o dată. Poate există un script de ceas și un calendar și poate un fel de script cu efect special pe care îl vor folosi pe fiecare pagină. În loc să aveți 3 fișiere separate, cu 3 apeluri HTTP separate, puneți scripturile într-un singur fișier și apelați-l o dată. Asta reduce apelurile dvs. HTTP cu 66% și devine și în cache. Vitezi demonul, tu! Înainte de a ridica mâna din nou, da, puteți face același lucru cu fișierele CSS.
5. Nu utilizați HTML pentru a schimba dimensiunea imaginilor dvs.
Dacă doriți să utilizați o imagine cu 1000 × 1000 pixeli pe pagina dvs. web, dar doriți să fie doar 250 × 250 pixeli, schimbați-o într-un editor de imagini. Unii oameni vor „micșora” imaginea folosind HTML ca atare:
Dacă acea imagine de 1000 × 1000 pixeli are dimensiunea de 2 MB, redimensionarea acesteia cu HTML nu face ca dimensiunea fișierului să fie mai mică! De fapt, poate fi nevoie de mai mult timp pentru a încărca, pentru că acum browser-ul trebuie să pună 10 kilograme de poop într-o pungă de 2 lire, ca să zic așa. Nu este o sarcină ușoară.
Sperăm că aceste sfaturi vă vor ajuta. Dă-mi un răspuns în comentarii dacă le folosești sau ai alte idei de optimizare HTML pentru a le împărtăși.
Cu mai mult de 20 de ani de experiență în IT, instruire și meserii tehnice, este dorința mea să împărtășesc ceea ce am învățat cu oricine dorește să învețe. Mă străduiesc să fac cea mai bună treabă posibilă în cea mai bună manieră posibilă și cu puțin umor.