Реклама
Моја ХиперТлок Маркуп ЛВјештине ангуаге (ХТМЛ) су извјесне хрђе, али можда ме то квалификује за овај чланак. Повратак у дан када Пријатељи још увек је била на ТВ-у, а АОЛ је свакодневно слао бесплатне подморнице и мини фризбије, стварао сам веб локације за учитавање модема за диал-уп. Како је вријеме одмицало, имао сам смисла помислити да још увијек има пуно људи с неширокопојасним (диал-уп) везама и наставио сам дизајнирати веб странице на основу тога.
Напокон сам одустао веб дизајн и развој Желите да научите веб дизајн? 7 ИоуТубе канала за почетакИоуТубе има хиљаде видео записа и канала за почетнике веб дизајна. Овдје ћемо погледати неке од најбољих од којих сте започели. Опширније када је квалитет садржаја почео да се гура у страну по количини садржаја. Фласх веб локације, пуно слика, скочних прозора, поп-ундера, клизача итд. Верујте свом квалитетном садржају и не треба вам овај пахуљица. Верујте свом садржају и вашу веб локацију можете брзо направити.
Са веб страницом на којој се налази бесплатна услуга брже је
дефинитивно боље. Зашто? Јер „бесплатан“ тежи да привуче пуно људи и сервер мора да испразни вашу страницу и хиљаде страница других људи који нису оптимизовани. То је попут покушаја да се прође конвој Кенвортхсових трупаца са твојим Јимми хаулиновим поткаплима. Али ако имате мали Порсцхе, то постаје много лакше.Ево неколико савета како да подрезујете масти и то одређеним редоследом.
1. Користите табеле штедљиво
Табеле су улов 22. У почетку су коришћени за обликовање дизајна као и за стављање садржаја у формат таблице. Како су изгледа дизајна постајали сложенији, таблице су постале веће и угнијежђене дубље, а то увијек значи успоравање времена учитавања.
Цасцадинг Стиле Схеетс (ЦСС) је дошао и стварно је помогао проблем коришћења табела за изглед. Нажалост, изгледа да произвођачи прегледача не би замотали главе око идеје о стандардима - и још увек не могу. Оно што је изгледало сјајно у ЦСС-у Фирефок-а изгледало је као псећи доручак у ИЕ-у и вероватно се није ни десило у Сафарију. Немој да започнем ИЕ5 на Мацу. Још увијек сам на терапији због тога.
Користите таблице само за распоред садржаја који морају бити у табеларни формат Таблеизер: Генерисање ХТМЛ табеле из Екцел прорачунске табеле Опширније - попут ценовника или статистике хокеја. То смањује број столова и дубину гнежђења, што значи брже време утовара. Учење ЦСС-а Топ 5 веб локација за учење ЦСС интернета Опширније направиће велику разлику ако морате да имате маштовит изглед.
2. Користите ХТМЛ да бисте створили боју
Да, ја сам Канађанка, тако да је то боја са 'у' мени. Знам да је ХТМЛ фокусиран на Америку, па је атрибут „боја“. Научи своје шестерокутни кодови боја и помоћу њих оживите садржај уместо слика.
Покушајте да додате атрибут боје својим ХТМЛ елементима да бисте га зачинили. Ово посебно добро функционише у табелама или ознаци тела, као што је таква:
Да сте претраживач, да ли бисте брже учитали 7 једноставних знакова од #ФФ00ФФ или слика величине 10 × 10 пиксела у боји фусцхиа неколико хиљада пута? То је реторичко питање, у задњем реду сте. Спусти руку доле.
3. Линк до скрипти / табеле стилова
Ако користите одређено ЈаваСцрипт (ЈС) или ЦСС више пута на вашем вебсајту, размислите о томе да креирате сопствену датотеку и назовете је, уместо да је стављате на сваку страницу. Пошто прегледач обично кешира датотеку и прво је зове на њу пре провере са сервером, ваш прегледач ће већ имати скрипту или ЦСС спреман за употребу. То значи мање ХиперТлок Трансфер Протоцол (ХТТП) позиви што значи брже учитавање странице.
Како назвати екстерни ЈаваСцрипт:
–>
Зашто сам ставио те ознаке коментара око позива на ЈаваСцрипт? Јер није сваки претраживач подешен да чита скрипте. Додавање тагова за коментаре чини да прегледачи са онемогућеним скриптима једноставно прескачу преко ње, уместо да дају досадне поруке о грешци.
Како назвати екстерни каскадни лист стила:
То је тако једноставно. Атрибут хреф је мјесто гдје постављате локацију вашег стилског листа. Остатак атрибута говори претраживачу шта је та датотека, тако да зна шта треба учинити с њом.
Неки програмери могу користити @увоз метода за позивање табеле стилова. У програму Интернет Екплорер ово је као да имате свој означите на дну ваше датотеке, проузрокујући то да учита целу страницу и тада на њој прикажете стилове. Није добро.
4. Комбинирајте своје најчешће кориштене скрипте у једној датотеци
Многи веб програмери ће користити исте скрипте изнова и изнова. Можда постоји скрипта сата и скрипта календара, а можда нека врста скрипте са посебним ефектима коју ће користити на свакој страници. Уместо да имате 3 одвојене датотеке, са 3 одвојена ХТТП позива, ставите скрипте у једну датотеку и назовите је једном. То смањује ваше ХТТП позиве за 66% и такође се спрема у предмеморију. Брзо демон, ти! Пре него што поново подигнете руку, можете да урадите исту ствар са ЦСС датотекама.
5. Не користите ХТМЛ да бисте променили величину слика
Ако на вашој веб страници желите да користите слику величине 1000 × 1000 пиксела, али желите да она буде само 250 × 250 пиксела, промените је у уређивачу слика. Неки ће слику „смањити“ користећи ХТМЛ попут овог:
Ако је та слика величине 1000 × 1000 пиксела величине 2 МБ, величина датотеке у ХТМЛ-у не чини величину датотеке мањом! У ствари, може потрајати дуже јер сада претраживач мора да стави 10 килограма кашике у врећу од 2 килограма, да тако кажем. Није лак задатак.
Надам се да ће вам ти савети помоћи. Дајте ми отказ у коментарима ако их користите или имате неке друге идеје за оптимизацију ХТМЛ-а које желите делити.
Са 20+ година искуства у области ИТ, обуке и техничког заната, жеља ми је да поделим оно што сам научила са свима другима који су вољни да уче. Настојим да што боље радим на најбољи могући начин и са мало хумора.