Reklāma
Mana HyperText Markup LAngļu valodas (HTML) prasmes ir sarūsējušas, taču, iespējams, tas mani kvalificē šim rakstam. Atpakaļ dienā, kad Draugi joprojām turpināju skatīties TV un AOL katru dienu sūtīt bezmaksas paliktņus un mini-frisbijus, es veidoju vietnes, kur ielādēt iezvanpieejas modemus. Laikam ejot, man radās prāts domāt, ka joprojām ir daudz cilvēku ar platjoslas (iezvanpieejas) savienojumiem, un turpināju uz to balstīt tīmekļa vietnes.
Beidzot es padevos web dizains un izstrāde Vai vēlaties uzzināt tīmekļa dizainu? 7 YouTube kanāli, lai jūs sāktuVietnē YouTube ir tūkstošiem video un kanālu, kas domāti web dizaina iesācējiem. Šeit mēs aplūkojam dažus no labākajiem darba sākšanai. Lasīt vairāk kad satura kvalitāte sāka samazināties pēc satura daudzuma. Flash vietnes, daudz attēlu, uznirstošie logi, uznirstošie elementi, slīdņi utt. Uzticieties savam kvalitatīvajam saturam, un šī pūka jums nav nepieciešama. Uzticieties savam saturam, un jūs varat padarīt savu vietni dedzīgi ātru.
Vietne, kas tiek mitināta bezmaksas pakalpojumā, ir ātrāka noteikti labāk. Kāpēc? Tā kā “bezmaksas” mēdz piesaistīt daudz cilvēku, un serverim ir jāizrauj jūsu lapa, kā arī tūkstošiem citu tautu lapu, kuras nav optimizētas. Tas ir tāpat kā mēģināt nodot Kenvorta pullīna žurnālu karavānu ar jūsu Džimija haulina mežacūkiem. Bet, ja jums ir mazs Porsche, to ir daudz vieglāk izdarīt.
Šeit ir daži padomi tauku sagriešanai, nevis noteiktā secībā.
1. Izmantojiet tabulas taupīgi
Galdi ir noķerti-22. Sākumā tie tika izmantoti, lai izstrādātu dizainu, kā arī ievietotu saturu tabulas formātā. Tā kā dizaina izkārtojumi kļuva sarežģītāki, tabulas kļuva lielākas un iespraustās dziļāk, un tas vienmēr nozīmē ielādes laika palēnināšanos.
Cascading Style Sheets (CSS) nāca klajā un patiešām palīdzēja tabulu izmantošanas problēmai. Diemžēl pārlūka veidotājiem nevarēja šķist, ka viņi apvelk galvu ap ideju par standartiem - un joprojām to nevar darīt. Tas, kas izskatījās lieliski CSS pārlūkā Firefox, izskatījās kā suņa brokastis IE un, iespējams, pat neizveidojās Safari. Nesāciet mani sākt IE5 operētājsistēmā Mac. Es joprojām to ārstēju.
Lūdzu, izmantojiet tikai tabulas, lai izkārtotu saturu, kuram jābūt a tabulas formāts Planšetdators: ģenerējiet HTML tabulu no Excel izklājlapas Lasīt vairāk - piemēram, cenrādis vai hokeja statistika. Tas samazina galdiņu skaitu un ligzdošanas dziļumu, kas nozīmē ātrāku ielādes laiku. Mācīšanās CSS 5 populārākās vietnes, lai uzzinātu CSS tiešsaistē Lasīt vairāk radīs lielu atšķirību, ja jums ir jāizdomā izkārtojums.
2. Izmantojiet HTML, lai izveidotu krāsu
Jā, es esmu kanādietis, tāpēc man ir krāsa ar burtu “u”. Es zinu, ka HTML ir uz Ameriku orientēts, tāpēc atribūts ir “krāsa”. Uzziniet savu heksekmālie krāsu kodi un izmantojiet tos, lai atdzīvinātu saturu, nevis attēlus.
Mēģiniet pievienot HTML atribūtiem krāsu atribūtu, lai to padarītu garšīgāku. Tas īpaši labi darbojas tabulās vai ķermeņa tagos, piemēram:
Ja jūs būtu pārlūks, vai jūs ātrāk ielādētu vienkāršas 7 rakstzīmes ar #FF00FF vai dažu tūkstošu reižu 10x10 pikseļu attēls no krāsas fuschia? Tas ir retorisks jautājums, jūs aizmugurējā rindā. Noliec savu roku uz leju.
3. Saite uz skriptiem / stila lapām
Ja jūs izmantojat noteiktu DžavaSCript (JS) vai CSS atkārtoti visā jūsu vietnē, padomājiet par sava faila izveidi un izsaukšanu, nevis ievietojiet to katrā lapā. Tā kā pārlūkprogrammai ir tendence kešatmiņā saglabāt failu un vispirms to izsaukt pirms pārbaudes pie servera, pārlūkprogrammai šis skripts vai CSS jau būs gatavs lietošanai. Tas nozīmē mazāk HyperText Transfer Lpprotocol (HTTP) zvani, kas nozīmē ātrāku lapas ielādi.
Kā piezvanīt uz ārēju JavaScript:
–>
Kāpēc es ievietoju šos komentāru tagus ap aicinājumu uz JavaScript? Jo ne katrs pārlūks ir iestatīts skriptu lasīšanai. Komentāru tagu pievienošana liek pārlūkprogrammām ar atspējotiem skriptiem to vienkārši izlaist, tā vietā, lai sniegtu kaitinošus kļūdu ziņojumus.
Kā piezvanīt uz ārēju kaskādes stila lapu:
Tas ir tik vienkārši. Atribūts href ir tas, kur jūs iestatāt savas stila lapas atrašanās vietu. Pārējie atribūti norāda pārlūkprogrammai, kas tas ir fails, tāpēc tas zina, ko ar to darīt.
Daži izstrādātāji var izmantot @import metode, lai izsauktu stila lapu. Pārlūkprogrammā Internet Explorer tas nozīmē, ka jums ir tagu faila apakšā, liekot tam ielādēt visu lapu un TAD padarīt tajā parādītos stilus. Nav labi.
4. Apvienojiet savus bieži lietotos skriptus vienā failā
Daudzi tīmekļa izstrādātāji atkal un atkal izmantos tos pašus skriptus. Varbūt ir pulksteņa skripts un kalendāra skripts un varbūt kaut kāds specefekta skripts, ko viņi izmantos katrā lapā. Tā vietā, lai būtu 3 atsevišķi faili ar 3 atsevišķiem HTTP zvaniem, salieciet skriptus vienā failā un izsauciet to vienreiz. Tas samazina jūsu HTTP zvanus par 66% un tiek saglabāts arī kešatmiņā. Jūs ātruma dēmons, jūs! Pirms atkal paceļat roku, jā, jūs varat darīt to pašu ar CSS failiem.
5. Nelietojiet HTML, lai mainītu savu attēlu lielumu
Ja vēlaties savā tīmekļa lapā izmantot attēlu, kura izmērs ir 1000 × 1000 pikseļi, bet vēlaties, lai tas būtu tikai 250 × 250 pikseļu, nomainiet to attēlu redaktorā. Daži cilvēki attēlu “sarausīs”, izmantojot HTML, piemēram:
Ja šī 1000 × 1000 pikseļu attēla faila lielums ir 2 MB, faila izmēra maiņa ar HTML nesamazina faila izmēru! Faktiski tas var prasīt ilgāku laiku, jo tagad, tā sakot, pārlūkprogrammai 2 mārciņu maisā ir jāievieto 10 mārciņas poga. Nav viegls uzdevums.
Cerams, ka šie padomi jums palīdzēs. Sniedziet man komentāru komentāros, ja tos izmantojat vai ir kādas citas HTML optimizēšanas idejas, ko dalīties.
Tā kā man ir vairāk nekā 20 gadu pieredze IT, apmācībā un tehniskajā tirdzniecībā, es vēlos dalīties tajā, ko esmu iemācījies, ar jebkuru citu, kurš vēlas mācīties. Es cenšos darīt vislabāko iespējamo darbu vislabākajā veidā un ar nelielu humoru.