Изразяване на ИТ

Включване на JavaScript в долната част на документа на HTML

Ако не разполагате с document.write (или всяко динамично генериране на съдържанието на страницата, използващи javascripts), за да вмъкнете част от съдържанието на страницата във вашия скрипт, преместете сценария, включва изявление на долната част на страницата, преди края на Тялото маркер.
HTTP/1.1 спецификация предполага, че браузъри да свалите не повече от две компоненти успоредно на име на хост. Ако ви служи вашите изображения от множество имена на хостове, можете да получите повече от две сваляния да се появят при паралелно. Докато скриптът се изтегли, обаче, браузърът не ще стартира други сваляния, дори и на различни имена на хостове.
Има също така начини за динамично създаване на скриптове възли и заредете отдалечени скриптове след страницата се зарежда с помощта на AJAX.

Изнесе навън ви JavaScript.

Използване на външни файлове с JavaScript ще доведе до по-бързо зареждане на страници, защото на JavaScript файловете се кешират от браузъра. Inline JavaScript в документи на HTML се изтеглили HTML документа се иска всеки път. Това всъщност може да се намали броят на исканията на HTTP, направени, но впоследствие увеличава размера на HTML документ. Външен JavaScript са кеширани от браузъра, се намалява размера на HTML документа, без да се увеличава броя на молбите за HTTP.
Моля, обърнете внимание, че ако потребителите на сайта си имат множество изгледи страница на сесия и много от вашите страници повторно използване на същите скриптове и стилове, има по-голяма потенциалната полза от на кеширани външни файлове.

Опаковайте на JavaScript файлове

В случай на JavaScripts, за разлика от CSS, файлове могат да схруска използване на някои стандартни алгоритми, които ще предоставят на намален размер на файла не просто премахване на интервали или табулации. Един пример на JavaScript опаковчик може да намерите тук http://dean.edwards.name/packer/

Отърви се от евентуални дублирани скриптове

Това е много необичайно, че цели скриптове могат да бъдат дублирани, но мнението на десетте най-важни места в САЩ уеб показва, че двама от тях съдържат дублирани скрипт. Дублиране на скриптове, но очевидно намалява производителността чрез създаване на ненужни искания на HTTP и губи JavaScript за изпълнение.
Също така, в много случаи, въпреки че скриптове имена са различни, има вероятност на дублиращи скриптове рамките на същата страница, се дължи на екипа на размера и броя на скриптове.

Намаляване на достъп до Дом елементи, когато това е възможно

Достъп до дом елементи с JavaScript е бавен, така че за да има по-отзивчиви страница, трябва:
• Кеш препратки към достъпни елементи
• Обновяване възли "офлайн" и след това да ги добавите към дървото
• Избягвайте определяне оформление с JavaScript

Отделно поведение от съдържанието и представянето

Точно както ние отделно представяне (CSS / XSLT) от съдържанието (XHTML / XML), ние също трябва да се разделят поведение (JavaScript). Това се нарича ненатрапчив Javascript. Точно както ние линк към външни файлове на CSS, ние трябва да се свържете на javascript външни файлове.

Вместо твърд кодиране поведение в съдържанието (например поставяне на показалеца, OnClick и др.), Поведението трябва да бъде динамично добавят елементи, класове и уникални елементи (IDS) с помощта на DOM. Основополагащ документ, съдържанието, трябва да съдържа само валиден XHTML / XML и не JavaScript.
Javascript трябва да увеличи съдържание чрез добавяне на поведение. Съдържанието трябва да остане полезна и използваема без JavaScript (или без пълната подкрепа на JavaScript).

Запазил съм тази статия възрасти, толкова съжалявам! Аз не помня източника ... но това изглежда полезно за нас, които трябва да бъдат наясно за публиката, за които ние разработваме сайт за ... така че тук е

Page тегло може да се използва, за да се определи времето за изтегляне за дадена страница на различни скорости на интернет връзката. Като пример, следната таблица показва времето за изтегляне за три различни страници в редица популярни скорост на връзката.

Ползите от намаляване на теглото на страница?

Положително въздействие за намаляване на ползите от страниците на теглото, както на собствениците на сайта и потребителите. Потенциални ползи включват:

1. Ускорите страниците се зареждат. Най-очевидният ефект на намаляване на теглото на страницата е, че страниците на вашия сайт ще се зареждат по-бързо за посетителите, независимо от тяхната скорост на връзката.
2. Ниски времето за зареждане на страницата създават по-удобни посетители. Посетителите са по-малко вероятно да стане разочароват и да отидат другаде, ако вашите страници се зареждат бързо. От друга страна, бавно зарежда страници са един от най-сигурните начини да губят посетители и потенциални клиенти.
3. Бързо натоварване пъти ще допринесе за увеличаване на преобразуване. Повече посетители ще остане на вашия сайт вече. Повече от тях ще приключи до извършване на покупки, подписвайки за вашия бюлетин, или книга маркиране на вашия сайт.
4. Възприемането на вашата марка ще се засили. Постоянни клиенти и за първи път посетителите ще бъдат по-склонни да се опише сайта си (и бизнес), като "професионален", ако страниците се зареждат бързо.
5. Страници с чиста, твърди код често ще бъдат индексирани по-ефективно от физически търсачки.
6. Страници, оптимизирани за тегло може действително да спестите трафик такси с висок трафик сайтове. 100000 страници, всяка с тегло 150 Kb ще изисква два пъти повече трафик от вашия Интернет доставчик от 100000 страници всеки тегло 75 Kb. За доставчици на интернет услуги, които начисляват такса за използваната честотна лента, или за излишъка, това намаление може да създаде значителни икономии на честотната лента такси.

Имайте предвид следните данни, публикувани в доклад

Поставете стилове на върха

Ако искате страницата да се зареди постепенно, това означава, че искате браузъра да показва каквото и съдържание е възможно най-скоро, сложи на CSS в горната част на страницата в документа глава. Това прави страниците се появяват, за да се зарежда по-бързо, тъй като това улеснява постепенно предоставяне на страницата. Това е особено важно за страници с много съдържание и за потребителите на по-бавни интернет връзки.

Това е документирано факта, че за да се подобри цялостно изживяване на потребителя, е важно да се предоставят на показателите за напредък и визуалната обратна връзка. За да се избегне като да преначертае елементи на страницата, в случай, ако им стилове на климата, някои браузъри, включително IE, блокира предоставянето на страницата, докато CSS е напълно зареден. Поради това, потребителят може да вижда празна бяла страница.

W3 на HTML спецификации "посочва също, че СГО трябва да ме включи точка в главата на HTML страницата. at the bottom of the page, so it's best not to use it. Също така имайте предвид, че в IE @import държи същата като използване на <link> в долната част на страницата, така че най-добре е да не го използвате.

Избягвайте да използвате Браузър Особености

Филтри: Използване на филтър увеличава потреблението на памет и се прилага един елемент, а не на изображението, така че проблемът се умножава. Също така, филтрите се IE Имуществена, следователно не могат да работят както е предвидено в други браузъри. Ако искате прозрачни или градиент фон, използвайте 1Pixel с изображения.
Изрази: на CSS изрази са хубава черта, да има в CSS, но все още е IE специфична особеност. Също така е важно да се отбележи, тези изрази са оценени, когато страницата е постановено и преоразмерява, превъртат и дори, когато потребителят се движи мишката върху страницата. Излишно е да кажа, че това може да повлияе на функционирането на вашата страница. Затова с прости думи, избягвайте използването на CSS изрази, освен ако не се чувстват своите плюсове "тежи повече, отколкото" против "

Изнесе навън ви CSS

Използването на външен CSS ще доведе до по-бързо зареждане на страници, защото на JavaScript и CSS файловете се кешират от браузъра. Inline CSS в документи на HTML да се изтеглят всеки път, когато HTML документа се иска. Това всъщност може да се намали броят на исканията на HTTP, направени, но впоследствие увеличава размера на HTML документ. Външен CSS са кеширани от браузъра, се намалява размера на HTML документа, без да се увеличава броя на молбите за HTTP.

Моля, обърнете внимание, че ако потребителите на сайта си имат множество изгледи страница на сесия и много от вашите страници повторно използване на същите скриптове и стилове, има по-голяма потенциалната полза от на кеширани външни файлове.

Опаковка Вашият CSS файл

Опаковане или схрусквате на вашия CSS е практиката на премахване на ненужните знаци от код, за да се намали неговия размер, като по този начин се подобрява времето за зареждане.

CSS може да ме схруска чрез премахване на всички коментари и нежелани символи като бели пространства, нови редове и др.

За възрасти, аз мисля да се консолидират всички най-добрите практики, са били четене на всеки сега и тогава. Най-накрая! Аз се получи, за да го сложи да писалка. Аз осъзнах, че това ще бъде мамут задача създаването на този мамут документ, така че реших да посветя цяла категория към него, така че бих могъл да добавя неща за най-добрите практики като и когато ги срещат ...

Е! съдържанието тук ще бъде сбор от личните ми в потребителския интерфейс за развитие на най-добрите практики с тези, написани от стандартните разработчиците като Yahoo, Google и др.

Гледайте това пространство и да browing Най-добри практики Категория

Просто казано (за тези, които никога не са чували за DOCTYPE преди днес)! DOCTYPE декларацията в HTML документ, който идва преди <HTML> етикет, че изглежда нещо като това (поставения от източника на тази страница)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Затова решение на този проблем е да се

• позволи на уеб разработчиците, които знаеха техните стандарти, за да избере кой режим да използва.
• продължи да показва стари страници според старите правила (странности).

И DOCTYPE е роден.

Така че, въз основа на това дали ви страница е проектиран със стандартите или не, изберете подходящата DOCTYPE.

Стари страници, написани преди тези стандарти бяха въведени, не е нужно да DOCTYPE. Затова, когато няма DOCTYPE във вашата HTML, тогава браузърът е в режим на странности.
Но ако DOCTYPE се определя като един от следните, тогава браузърът се казва, да бъде в строго режим.

<DOCTYPE HTML ОБЩЕСТВЕНО! "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd">