5 HTML-i näpunäidet kiire laadimisega tasuta veebisaidi loomiseks

Reklaam

Minu HyperTlisa Markup LAnguage (HTML) oskused on teatud jaoks roostes, kuid võib-olla see kvalifitseerib mind selle artikli jaoks. Tagasi päeval, mil Sõbrad oli endiselt teleris ja AOL saatis iga päev tasuta rannasõidulaevade ja mini-frisbeete, lugesin veebisaite, et laadida sissehelistamismodemeid. Aja möödudes oli mul mõte mõelda, et endiselt on seal palju inimesi, kes pole lairiba (sissehelistamise) ühendusi, ja jätkasin selle põhjal veebisaitide kujundamist.

Lõpuks andsin alla veebidisain ja arendus Kas soovite õppida veebidisaini? 7 YouTube'i kanalit, millega alustadaYouTube'is on veebidisaini alustajatele tuhandeid videoid ja kanaleid. Siin vaatleme mõnda parimat alustamiseks. Loe rohkem kui sisu kvaliteet hakkas sisu kvantiteediga küljele tõmbuma. Flash-saidid, palju pilte, hüpikaknad, hüpikaknad, liugurid jne Usaldage oma kvaliteetset sisu ja te ei vaja seda kohevust. Usaldage oma sisu ja saate oma veebisaidi lõõmavalt kiireks muuta.

Selle veebisaidiga, mida majutatakse tasuta teenusega, on kiirem

kindlasti parem. Miks? Kuna "tasuta" kipub meelitama palju inimesi ja server peab teie lehe ja tuhandete teiste inimeste lehti, mis pole optimeeritud, välja sööma. See on nagu proovida anda edasi konvoi Kenworthsi pulli logidest teie Jimmy haulini konnadega. Kuid kui teil on väike Porsche, on seda palju lihtsam teha.

Siin on mõned näpunäited rasva kärpimiseks, mitte mingis kindlas järjekorras.

1. Kasutage tabeleid säästlikult

Lauad on saagi-22. Alguses kasutati neid nii kujunduse visandamiseks kui ka sisu tabeli vormingusse panemiseks. Kujunduse paigutuse keerukamaks muutudes muutusid lauad suuremaks ja pesasid sügavamale ning see tähendab alati laadimisaja aeglustumist.

Cascading Style Slehed (CSS) tulid kaasa ja aitasid tõesti tabelite paigutuse kasutamisel probleemi. Kahjuks ei tundunud brauseri valmistajad standardite idee ümber keerutamas - ja ikka ei saa. See, mis nägi välja Firefoxi CSS-is, nägi välja nagu koera hommikueine IE-s ja võib-olla isegi mitte Safaris. Ära hakka mind alustama IE5 Macis. Olen selle nimel endiselt teraapias.

Sisu paigutamiseks, mis peab olema a-vormingus, kasutage ainult tabeleid tabeli vorming Tableerija: genereerige HTML-tabel Exceli arvutustabelist Loe rohkem - nagu hinnakiri või hokistatistika. See vähendab tabelite arvu ja pesitsussügavust, mis tähendab kiiremat laadimisaega. CSS-i õppimine CSS Online'i õppimiseks 5 parimat saiti Loe rohkem on suur erinevus, kui teil peab olema väljamõeldud kujundus.

2. Värvi loomiseks kasutage HTML-i

Jep, ma olen kanadalane, nii et see on minu jaoks värviga “u”. Ma tean, et HTML on Ameerika-keskne, nii et atribuut on „värv”. Õpi oma heksekimaalsed värvikoodid ja kasutage neid piltide asemel sisu elavdamiseks.

Proovige oma HTML-i elementidele värvi atribuuti lisada, et seda vürtsitada. See toimib eriti hästi tabelites või kehasildil, näiteks:

Kui oleksite brauser, kas saaksite kiiremini laadida lihtsaid 7 tähemärki #FF00FF või värvilise fuschia 10 × 10 piksline pilt paar tuhat korda? See on retooriline küsimus, teie tagumises reas. Pange oma käsi alla.

3. Link skriptide / stiililehtede juurde

Kui kasutate kindlat JavaScript (JS) või CSS kogu oma veebisaidil, mõelge igale lehele asetamise asemel oma faili loomisele ja selle kutsumisele. Kuna brauser kipub enne serveriga kontrollimist faili vahemällu salvestama ja sellele failile helistama, on teie brauseril juba see skript või CSS kasutamiseks valmis. See tähendab vähem HyperTlisa Transfer Lkrotokolli (HTTP) kõned, mis tähendab kiiremat laadimislehte.

Välisse JavaScripti helistamine:

–>

Miks ma panin need kommentaarimärgendid JavaScripti üleskutse ümber? Kuna mitte iga brauser pole skriptide lugemiseks seadistatud. Kommentaaride siltide lisamine paneb skriptimisega brauserid lihtsalt tüütu tõrketeate edastamise asemel selle lihtsalt vahele jätma.

Kuidas helistada välisele kaskaadlaadilehele:

See on nii lihtne. Atribuut href on koht, kus saate määrata oma stiililehe asukoha. Ülejäänud atribuudid ütlevad brauserile, mis see fail on, seega teab ta, mida sellega teha.

Mõned arendajad võivad seda kasutada @import stiililehe kutsumise meetod. Internet Exploreris on see nagu teie oma sildistage faili allosas, pannes selle laadima terve lehe ja siis renderdama sellel olevad stiilid. Pole hea.

4. Kombineerige oma sagedamini kasutatavad skriptid ühte faili

Paljud veebiarendajad kasutavad ikka ja jälle samu skripte. Võib-olla on seal kella skript ja kalendriskript ning võib-olla mingi eriefektide skript, mida nad igal lehel kasutavad. Selle asemel, et omada 3 eraldi faili ja 3 eraldi HTTP-kõnet, pange skriptid ühte faili ja kutsuge see üks kord. See vähendab teie HTTP-kõnesid 66% võrra ja ka vahemällu. Sa kiirendad deemonit! Enne oma käe uuesti tõstmist, jah, saate sama teha ka CSS-failidega.

5. Ärge kasutage piltide suuruse muutmiseks HTML-i

Kui soovite oma veebisaidil kasutada pilti, mille suurus on 1000 × 1000 pikslit, kuid soovite, et see oleks ainult 250 × 250 pikslit, muutke seda pildiredaktoris. Mõni inimene kahandab pilti HTML-i abil järgmiselt:

Kui selle 1000 × 1000 piksli suuruse pildi suurus on 2 MB, ei muuda selle suuruse muutmine HTML-iga faili suurust! Tegelikult võib laadimine võtta kauem aega, sest nüüd peab brauser nii-öelda kahe naela kotti panema 10 naela kaabu. Pole kerge ülesanne.

Loodetavasti aitavad need näpunäited teid aidata. Anna mulle kommentaarides hüüd, kui kasutate neid või teil on HTML-i optimeerimiseks muid ideid, mida jagada.