Ние правим сайтовете на клиентите по-бързо

Принципът 80/20

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

можем да кажем, в общи линии, че ≤20% зареждането на страницата, дължащи се на документ, HTML, а останалите ≥80% се изразходват за сваляне на изображения, стилове, скриптове и така нататък. правилото 80/20 гласи, че ако търсите начин да се подобри ефективността на сайта, по-добре е да погледнете това, което е 80%, отколкото да се опита да промени нещо в 20%. С други думи, няма никакво съмнение, че сървърът и оптимизиране на базата данни е много важно, но най-лесният начин да се ускори вашия сайт, ако обърнете внимание на изображения, скриптове, и така нататък.

Въз основа на принципа на 80/20, YSlow разглежда факторите, които влияят на 80%, и се връща прогноза за добро или лошо изпълнение на вашия сайт.

Защо трябва да се справят с този проблем?

Google наскоро обяви, че започва да се използва за изтегляне на скоростта в техните Page Rank изчисления. В допълнение, подобряването на резултатите ви YSlow може да помогне за намаляване на разходите за трафик (особено за сайтове с висок трафик), потребителите да подобрят съотношението на ресурса и засягат превръщането на коефициента CR.

YSlow оценка Средна стойност

Сайтове с ниски експлоатационни характеристики, получени D или по-лоши. Ето няколко примера:

От тази позиция, се препоръчва да инсталирате Firebug / YSlow. и погледнете в сайта си. Тъй като той оценява?

Но как можем да подобрим оценка YSlow нашия сайт? И колкото по-важният въпрос е, какво можем да направим като програмисти и дизайнери, за да се гарантира, че уеб сайтове, клиентите имат отлични резултати?

3 основни понятия

YSlow съдържа 14 правила, и Google Page Speed ​​съдържа 26. Всички тези правила и технологии са важни, но за простота ще се съсредоточи върху три основни понятия:

1. Уверете се, по-малко заявки файлове
2. Заредете файловете в същото време
3. Поддържайте нещата в кеша възможно най-дълго

Направете по-малко заявки файлове

Резюме: ако направите по-малко заявки до файловете, отнема по-малко време, за да се зареди сайта.

Нека да видим как е възможно да се намали броят на стилове, скриптове и изображения, които трябва да бъдат натоварени:

минимизиране

Основното предимство на използването на PHP Минимизиране, който намалява броя на изтегляне на файлове (което води до повишаване на оценка YSlow). Но има и друг положителен фактор: PHP Минимизиране не променя оригиналните файлове, тя създава нов, комбиниран файл в движение. По този начин, разработчикът е в състояние да прави промени в обекта на клиента чрез редактиране на отделни файлове и PHP Минимизиране автоматично създаване на нов съставно изображение.

Това е един много важен аспект на понятието: дизайн студио трябва да бъдете сигурни, че територията, изпратена от клиента може да се поддържа пълната си отсъствие. Всеки път, когато пишете код, той трябва да бъде лесно достъпна за клиента, или бъдещи разработчиците да четат и редакцията.

При използване на PHP Минимизиране на всички оригиналните файлове остават в експлоатация и могат да бъдат редактирани pootdelnosti. Този подход ни позволява да се поддържа високо ниво на подкрепа,

CSS Sprites

Sprites - технология, която ви позволява да комбинирате няколко фонови изображения в един. След това, комбинираният изображение се използват няколко правила CSS да се показва само на желаната част от изображението.

Използвайте този инструмент, разумно. Използването спрайтове да усложняват промени изображенията за процеса на клиент.

Едновременно изтегляне на файлове

Резюме: Натоварването в същото време толкова файлове, колкото можете.

подразбиране браузъри могат да качват множество файлове едновременно (

2 в по-стари браузъри,

6 нов). Въпреки това, докато браузърът зарежда сценария, той няма да изтегли всички други файлове.

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

JQuery от Google

Използването на JQuery библиотеката е препоръчително да се обърнете към Google CDN (съдържание доставка мрежа - Съдържание на мрежата за разпространение). Ако даден потребител е посетил уеб сайт, който се позовава на библиотеката JQuery в МПС на Google, като вече е заредена в кеша на потребителя. В този случай, ние спаси размер 24KB страница. Ако библиотеката вече не е в кеша, на CDN се използва Предимство: бързо зареждане от сървър, който е географски близо и успоредно натоварване от втория хост.

Поддържаме неща в кеша възможно най-дълго

Резюме: Ако изтеглите нещо и то не се променя, не е необходимо да изтеглите тази основа.

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

Примерът определя срока за съхранение на изображения, скриптове и стилове на 30 дни от текущата дата. Също така предоставя инструкции за Apache премахват ETag, идентификатор, което често усложнява процеса на кеширане. Тези настройки могат да бъдат направени в конфигурационните файлове Apache, но промяна на файла .htaccess е обикновено по-лесно.

Тези изменения също помагат за намаляване на трафика към сайтове с висок трафик.

Имам, ако решите да промените, като например това, което някои kartirnku. или стил (винаги има нещо за мен) ще бъде обновена само за един месец?

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

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

Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.

Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!