Чому довго вантажиться сайт як прискорити завантаження сайту
Чому довго вантажиться сайт?
Кожен власник вебресурса стикався з ситуацією, коли довго вантажиться сайт, гальмує wordpress або админка і майже кожен задавався питанням, як збільшити швидкість завантаження сайту?
Вчора проводила аудит блогу на предмет прискорення його завантаження і зниження кількості запитів до сервера.
На піддослідному виявилися помилки, які зустрічаються на 90% всіх сайтів - неякісний шаблон.
Сучасний шаблон закордонних виробників, зовні абсолютно простий, але містить:
- framework зі складною адмінкой, що містить:
- свої власні плагіни,
- 9 файлів довідок,
- десяток встановлених віджетів і
- безліч інших можливостей, роботу яких забезпечують 19 js і 9 флеш-файлів. - 39 java-скриптів,
- Штук 20 шрифтів;
- І безліч інших файлів, здатних забезпечити потужний функціонал.
Використання такого складного шаблону не характерно для більшості вебресурсів - зазвичай новачки користуються простими безкоштовними шаблонами.
Але, незважаючи на потужний шаблон, проблеми на цьому блозі були ті ж, що і на інших.
Помилки шаблону, що впливають на швидкість завантаження сайту:
- Невдалий алгоритм коду, що створює велику кількість запитів до бази даних (кривої код :)).
- Помилки валідації.
- Неоптимальний підключення файлів стилів і js.
- Велика кількість однотипних ф-в (.css. Js).
- Розширення функціоналу за рахунок великої кількості сторонніх скриптів.
Недоліки хостингу:
- Чи не працює кешування ф-в в баузер користувачів.
- Відсутність gzip стиснення.
Як прискорити завантаження сайту?
Давайте, розглянемо помилки за типами.
Помилки, що збільшують час завантаження сторінок:
- Велика кількість запитів до бази даних.
- Помилки валідації, якщо їх занадто багато або вони ускладнюють отрисовку браузером сторінки.
- Чи не оптимальне підключення ф-в стилів і js.
- Використання безліч сторонніх скриптів для розширення функціоналу.
- Використання невиправдано великої кількості віджетів.
- Велика кількість плагінів.
- Некоректно працюють плагіни.
- Відсутність кешування ф-в в баузер користувачів.
- Відсутність gzip стиснення.
Помилки, що створюють зайві запити до сервера:
- Велика кількість запитів до бази даних.
- Неоптимальний підключення ф-в стилів і js.
- Велика кількість однотипних файлів (.css. Js).
- Відсутність кешування ф-в в браузерах користувачів.
- Відсутність gzip стиснення.
Більшість помилок дуже часто зустрічаються у початківців сайтовладельцев.
Вони виникають з наступних причин:
- Використання безкоштовних кривих шаблонів, з неправильно підключеними файлами стилів і js.
- Використання шаблонів з убогим функціоналом, щоб розширити який, власники сайтів змушені використовувати сторонні скрипти, плагіни, віджети.
- Використання не оптимізованих шаблонів (мається на увазі не тільки SEO-оптимізація, а й оптимізація коду, яка дозволяє скоротити кількість запитів до бази даних).
- Використання великої кількості плагінів і віджетів.
- Використання некоректно працюючих плагінів і скриптів.
- Слабкий дешевий хостинг, який не дає можливості включити серверне кешування і gzip-стиснення.
Помилки підключення .css і .js і як їх виправити ↓
відкрити ↓
Ту ж саму процедуру об'єднання потрібно проробити і з js - перенести їх в один файл.
Увага! Файлів повинно вийти два: один .css, а інший .js.
Чи не поєднуйте в одному файлі стилі зі скриптами :).
Зрозуміло, що не всі стилі і скрипти вдасться об'єднати.
Частина їх знаходиться в шаблоні, інша частина в плагінах, а деякі в самому двигуні.
Але, об'єднати ф-ли в шаблоні ви завжди зможете.
Як ще можна збільшити швидкість сайту на wordpress?
Чи знаєте ви, що текстові віджети призначені тільки для тексту або html-коду, але ніяк не для скриптів?
Звичайним результатом такої "хитрощі" може стати перекіс шаблону або відмову працювати інших скриптів.
Ніколи не вставляйте js в віджети!
А деякі підприємливі товариші намагаються вмонтувати в віджети навіть php-код :).
Коли ж він відмовляється там працювати, шукають милиці-плагіни для виведення php в віджети. І зрозуміло знаходять :).
Це замість того, щоб вставити цей код прямо в файли шаблону!
А кількість віджетів?
На блозі, аудит якого я проводила, було 16 віджетів!
Навіщо стільки? А, адже кожен з них вносить свою лепту в уповільнення завантаження сторінок.
Кешування і стиснення файлів:
Про те, як включити кешування файлів в браузерах користувачів і gzip стиск дивіться в кінці поста.
Доповнення до посту, яке за розміром не доросло до самостійного поста, але яке, тим не менш, гідно того, щоб ви його прочитали:
Власники багатьох сайтів не хочуть вивчати роботу движка і лізти в код шаблону. Вони вважають, що створивши сайт, достатньо буде публікувати статті і успіх забезпечений :).
На жаль, вони помиляються.
Це все одно, що купивши машину, просто їздити на ній, ніяк її НЕ обслуговуючи: чи не відстежуючи рівень масла, не проходячи перевірку на станції техобслуговування, не змінюючи літню гуму на зимову і, навіть, не забираючи салон :).
Довго вони так проїздять?
Зрозуміло, немає. Всі знають, що автомобіль вимагає догляду.
Напевно, для багатьох власників це виявиться одкровенням, але ваш сайт вимагає не меншого догляду, ніж ваш автомобіль.
Обов'язковий догляд за сайтом:
- Регулярне оновлення wordpress і використовуваних плагінів.
- Перевірка error.log, який автоматично створюється в кореневій папці, при появі помилок в файлах.
- Регулярна перевірка навантаження, яку сайт створює на сервер.
Хостер вам в помощь!
Як прискорити завантаження сайту:
- Як прискорити завантаження сайту: Частина 1 - валідація і завантаження файлів
- Як прискорити завантаження сайту на wordpress: Частина 2 - запити до бази даних
- Як прискорити сайт: Частина 3 - плагіни, віджети, додаткові функції
- Прискорюємо сайт на WordPress: Частина 4 - HTTP запити
- Як збільшити швидкість завантаження сайту: Частина 5 - великий розмір файлів
- Як прискорити завантаження сайту: Частина 6 - кешуватися сторінок
Я Ксана
(В миру Людмила) - веб дизайнер і розробник сайтів.
На цьому блозі я пишу про Wordpress - про створення, підтримки і просування сайтів на цьому движку, про плагіни і темах для нього, про дизайн та верстку.
Розповідаю, також, про свій досвід з видобутку грошей в мережі.
Сподіваюся, це все вам буде цікаво.
- Жіноча тема Sabrina Premium
Тема City News Тема призначена для блогу, новинного сайту або міського порталу. Виконана в «журнальному» стилі. Головна: Сторінка окремої.
Розробка кулінарного сайту Рецепти для мультиварки. Особливості: - Адаптивна верстка. - Сторінка для друку. - Різні типи контенту.
Приєднуйтесь до мене!
2 047 учасників