Mainos
Minun HyperTalanumero Markup Language (HTML) taidot ovat ruosteisia tietyille, mutta kenties tämä pätee minulle tämän artikkelin vaatimukset. Takaisin sinä päivänä, jolloin Ystävät oli edelleen televisiossa ja AOL lähetti päivittäin ilmaisia lasinalustoja ja minifriisbejä, luin verkkosivustoja ladataksesi modeemia. Ajan myötä minulla oli hermo ajatella, että siellä on edelleen paljon ihmisiä, joilla on ei-laajakaistayhteys (puhelinverkkoyhteys), ja jatkoin verkkosivustojen suunnittelua tämän perusteella.
Lopulta luopuiin web-suunnittelu ja kehittäminen Haluatko oppia Web-suunnittelua? 7 YouTube-kanavaa aloittamiseenYouTube tarjoaa tuhansia videoita ja kanavia verkkosivujen suunnittelun aloittelijoille. Tässä tarkastellaan joitain parhaimmista aloittamiseen. Lue lisää kun sisällön laatu alkoi työntyä sivuun sisällön määrän perusteella. Flash-sivustot, paljon kuvia, ponnahdusikkunat, ponnahdusikkunat, liukusäätimet jne. Luotta laadukkaaseen sisältöösi, etkä tarvitse tätä nukkaa. Luotta sisältöön ja voit tehdä verkkosivustostasi salamannopeasti.
Ilmaisen palvelun ylläpitämällä verkkosivustolla on nopeampaa ehdottomasti paremmin. Miksi? Koska "ilmainen" houkuttelee paljon ihmisiä ja palvelimen on ruokittava sivusi sekä tuhansien muiden ihmisten sivut, joita ei ole optimoitu. Se on kuin yrittäisi välittää saattue Kenworths pullin -lokeista Jimmy haulin -koirillasi. Mutta jos sinulla on pieni Porsche, se on paljon helpompaa tehdä.
Tässä on joitain vinkkejä rasvan leikkaamiseen, ei erityisessä järjestyksessä.
1. Käytä taulukoita säästeliäästi
Pöydät ovat saalis-22. Alussa niitä käytettiin suunnittelussa ja sisällön laittamisessa taulukomuotoon. Suunnitteluasettelun muuttuessa monimutkaisemmaksi, taulukot suurentyivät ja sisäkkäivät syvemmälle, ja se tarkoittaa aina latausajan hidastumista.
Cascading Style Sheets (CSS) tuli mukana ja auttoi todella taulukkojen käytön ongelmaa asettelussa. Valitettavasti selaimen päättäjät eivät voineet näyttää kiertävän päätään standardien ajatuksen ympärille - ja silti eivät voi. Se, mikä näytti hyvältä Firefoxin CSS: ssä, näytti koiran aamiaiselta IE: llä, eikä sitä edes voinut edes tehdä Safarissa. Älä anna minun aloittaa IE5 Macissa. Olen edelleen hoidossa siitä.
Käytä taulukoita vain sellaisen sisällön asetteluun, jonka on oltava taulukkomuodossa Tableizer: Luo HTML-taulukko Excel-taulukosta Lue lisää - kuten hinnasto tai jääkiekkotilastot. Tämä vähentää pöytien lukumäärää ja pesimisen syvyyttä, mikä tarkoittaa nopeampaa latausaikaa. CSS: n oppiminen 5 suosituinta CSS Online -oppimispaikkaa Lue lisää tekee suuren vaikutuksen, jos sinulla on hieno asettelu.
2. Luo väri HTML-koodilla
Jep, olen kanadalainen, joten väri on merkitty u: lla minulle. Tiedän, että HTML on Amerikkakeskeinen, joten ominaisuus on "väri". Opi heksadesimaaliset värikoodit ja käytä niitä sisällön piristämiseen kuvien sijasta.
Kokeile lisätä väriominaisuus HTML-elementteihisi sen lisäämiseksi. Tämä toimii erityisen hyvin taulukoissa tai runko-tunnisteissa, kuten:
Jos olisit selain, latasitko nopeammin yksinkertaisen 7 merkkiä #FF00FF vai 10x10 pikselin kuva värifuschiasta muutama tuhat kertaa? Se on retorinen kysymys, takareunassa. Laita käsi alas.
3. Linkki skripteihin / tyylitaulukoihin
Jos käytät tiettyä JavaScript (JS) tai CSS toistuvasti koko verkkosivustollasi, miettiä oman tiedoston luomista ja kutsumista sitä sen sijaan, että laittaisit sen jokaiselle sivulle. Koska selain pyrkii välimuistiin tallentamaan tiedoston ja soittamaan tiedostoon ensin ennen tarkistamista palvelimella, selaimessa on jo kyseinen komentosarja tai CSS käyttövalmis. Se tarkoittaa vähemmän HyperTalanumero Transfer Protocol (HTTP) -kutsu, joka tarkoittaa nopeampaa lataussivua.
Kuinka soittaa ulkoiselle JavaScriptille:
–>
Miksi panin kommenttitaulut JavaScript-kutsun ympärille? Koska kaikki selaimet eivät ole asetettu lukemaan skriptejä. Kommenttimerkinnät lisäävät selaimet, joiden komentosarja on poistettu käytöstä, ohittaa sen vain sen sijaan, että antaisi ärsyttäviä virheviestejä.
Kuinka soittaa ulkoiselle CSS-tyylisivulle:
Se on niin yksinkertaista. Attribuutti href määrittelee tyylisivun sijainnin. Muut määritteet kertovat selaimelle, mikä tiedosto on, joten se tietää, mitä sen kanssa tehdä.
Jotkut kehittäjät voivat käyttää @tuonti menetelmä soittaa tyylitaulukkoa. Internet Explorerissa tämä on kuin sinun tag tiedoston alareunassa, aiheuttaen sen, että se lataa koko sivun, ja SENNEN renderoi siinä tyylit. Ei hyvä.
4. Yhdistä yleisesti käytetyt skriptit yhdeksi tiedostoksi
Monet web-kehittäjät käyttävät samoja skriptejä uudestaan ja uudestaan. Ehkä siellä on kello- ja kalenterikomentosarja ja ehkä jonkinlainen erikoistehoste, jota he käyttävät jokaisella sivulla. Sen sijaan, että sinulla olisi 3 erillistä tiedostoa ja 3 erillistä HTTP-puhelua, laita skriptit yhteen tiedostoon ja kutsu se kerran. Se leikkaa HTTP-puhelusi 66% ja välimuistissakin. Nopeat demoni, sinä! Kyllä, voit nostaa saman asian CSS-tiedostoilla ennen kuin nostat kättäsi uudelleen.
5. Älä käytä HTML-kuvaa kuvien koon muuttamiseen
Jos haluat käyttää verkkosivullasi kuvaa, jonka koko on 1000 × 1000 pikseliä, mutta haluat sen olevan vain 250 × 250 pikseliä, muuta se kuvankäsittelyohjelmassa. Jotkut ihmiset "kutistavat" kuvaa HTML: llä kuten:
Jos kyseisen 1 000 × 1 000 pikselin kuvan tiedostokoko on 2 Mt, sen koon muuttaminen HTML: llä ei pienentä tiedoston kokoa! Itse asiassa lataaminen voi kestää kauemmin, koska nyt selaimen on laitettava niin sanotusti 10 kiloa kakunaa 2 paunan laukkuun. Ei helppo tehtävä.
Toivottavasti nämä vinkit auttavat sinua. Anna minulle kommentti kommentteihin, jos käytät niitä tai sinulla on jotain muuta HTML: tä optimoivia ideoita jaettavaksi.
Minulla on yli 20 vuoden kokemus IT: stä, koulutuksesta ja teknisestä ammatista, ja haluan jakaa oppimani kenelle tahansa muulle, joka haluaa oppia. Pyrin tekemään parasta mahdollista työtä parhaalla mahdollisella tavalla ja vähän huumorilla.
