Привіт друзі. Як я вже вчора писав в зв'язку з появою більшої кількості вільного часу, нові уроки будуть з'являтися помітно частіше. Отже як я і обіцяв, сьогодні я хочу розповісти вам як збільшити швидкість завантаження сторінок сайту. Під час розробки шаблону для свого сайту я зіткнувся з декількома ресурсами надають дуже цікаву інформацію, що стосується цього питання. Так ось я планую написати серію уроків про збільшення швидкості завантаження сторінок сайту. А сьогодні у нас буде оглядовий урок, в якому я коротко розкажу що і як слід зробити, що б сайт завантажувався як можна швидше.

Мова сьогодні піде про доповнення до браузеру Mozilla Firefox під назвою Page Speed. Page Speed - це плагін для браузера, який виявляє слабкі сторони в швидкості завантаження сторінок сайту, і дає рекомендації щодо виправлення помилок викликають затримки в швидкості завантаження сторінок сайту.

Як Ви знаєте з попередніх уроків, я прихильник браузера Google Chrome, скажу чесно схожий метод аналізу швидкості завантаження сторінок є і для цього браузера, але на двох різних комп'ютерах у мене так і не вийшло запустити тестування. Але тим не менш у мене все відмінно вийшло протестувати швидкість завантаження сторінок сайту на браузері Mozilla Firefox. Розповім трохи по докладніше.

Для браузера Mozilla Firefox є величезна кількість корисних доповнень, які в більшій мірі допомагають веб розробникам в розробці і тестуванні сайтів. Найголовніше додаток для Firefox я вважаю є Firebag - це аналог Інструментів веб-розробника в браузері Google Chrome.

Для аналізу швидкості завантаження сторінок сайту сьогодні нам знадобиться:

1) Встановлений браузер Mozilla Firefox;

2) Встановлене додаток до браузеру - Firebug;

3) Встановлене додаток до браузеру - Page Speed;

Для установки додатків зазначених вище натисніть комбінацію клавіш Ctrl + Shift + A в Firefox і в поле пошук введіть Firebug, після чого зробіть установку доповнення.

Для установки доповнення Page Speed ​​перейдіть за посиланням https://developers.google.com/speed/docs/insights/using_firefox?hl=ru-RU і натисніть на кнопку Install Firefox Extension після установки, не забудьте перезавантажити браузер.

Як тільки кожне вимога буде виконана, ми можемо приступати до аналізу швидкості завантаження сторінок сайту.

Тепер для того що б зробити вимір швидкості завантаження сайту необхідно запустити Firebag (Це маленький значок жука в верхньому правому куті браузера) і перейти на вкладку Page Speed.Нажміте кнопку аналізувати, після чого плагін почне свою роботу і в результаті видасть список рекомендацій по збільшенню швидкості завантаження сторінок сайту:

Натискайте на маленькі трикутнички і дивіться що можна виправити. Після виправлення недоліків, можете ще раз перевірити швидкість завантаження сторінки. Як бачите мені вдалося досягти позначки в 69 очок.

В принципі все досить інтуїтивно понятно.Когда я перший раз запустив скрипт, то у мене ще була рекомендація щодо оптимізації ізображеній.Все зображення я оптимізував, і зменшив їх загальна вага приблизно на 100 кб. Про те як зменшити розмір картинок без втрати якості я планую написати в наступному уроці.

У коментарях хотілося б почути про те, як Ви збільшуєте швидкість завантаження сторінок Вашого сайту!