Прискорюємо сайт

липня 17, 2014

Прискорюємо сайт

Ваш сайт має бути тематичним, цікавим і корисним.
Але якщо він буде відкриватись більше 2 хвилин, то жоден користувач на нього не прийде.
Принаймні вдруге.

Сьогодні перевіримо чи все гаразд з нашими ресурсами.

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

Тестувати будемо на моєму www.itlashko.com

Поїхали.

1. PageSpeed Insights від Google Developers

Отримуємо наступні результати.
По мобільній версії:

По стаціонарній версії:

У першому випадку результат 74 зі 100, а у другому 80 зі 100.
В обох випадках результат не поганий.
Якщо Google перестане знаходити "помилки" то на чому вони будуть заробляти?

Але, все одно, глянемо, що саме Google пропонує нам виправити.

По мобільній версії Google у "червоній зоні" (параметри, які найгірше впливають на оптимізацію сайту) радить нам "Оптимізуйте доставку файлу CSS".

Ееее... Чесно кажучи, я б сильно не радив користувачам, які не володіють html-програмуванням лізти у таку оптимізацію.

Ризик того, що ви "знесете" собі систему - високий.

У "жовтій зоні" порада "Використовуйте кешування у веб-переглядачі" та "Зменште файл HTML".

Така сама порада - Не лізьте у html. )))

У зеленій зоні - 7 правил, яких Google радить нам дотримуватись:
- Зменшити файл CSS;
- Зменшити файл JavaScript;
- Зменшити час відповіді сервера;
- тощо.

Але, головне, що нас цікавить - ось таке "віконце" внизу:

Переходимо до "стаціонарної" версії.
У "червоній зоні":
Оптимізуйте вказані нижче зображення

Для того, щоб побачити, які саме зображення "проблемні" - наведіть на них мишку та у підсвіченому вікні - скопіюйте посилання.

Далі, у новому вікні браузера вставте посилання та відкрийте сторінку.
Ви побачите, яке саме зображення потрібно оптимізувати.
Мені Google порадив оптимізувати зображення розміром 640 на 640.
Але я залишу "так", бо я сам робив ці постери і мені шкода їх видаляти. :)

У "жовтій зоні":
- Вимкнути блокування відтворення JavaScript і CSS у вмісті вгорі сторінки;
- Скористатися кешуванням веб-переглядача;
- Зменшити файл CSS;
- тощо.

І порада не змінюється - не лізьте.
Наш результат 80 зі 100.

Це нормально.

У "зеленій зоні" 4 поради.

Таким чином, PageSpeed Insights від Google Developers простий та зрозумілий.
Без зайвих "заморочок" та без намагання витрусити з вас додаткові грошенята "на оптимізацію".

2. Alertra
Сайт на якому ви можете перевірити, за який час відкривається ваш ресурс одночасно з 8 точок світу.

Мій www.itlashko.com трохи підторможував при відкритті з Hong Kong CHN і зовсім не відкрився з London GBR (при повторному тесті - все ок) і тому мій середній час - 2.431 c.
Враховуючи медіа, лінки та банер - нормальний результат.

Там ще є багато параметрів за якими можна промоніторити свій ресурс - але, вони вже входять у платну версію.

3. Load Impact
На десерт, для меломанів сайт, який вивалює цілу купу графіків, даних, порад і підказок.