Зрозуміти l; важливість часу завантаження d; Інтернет-сайт
Якщо веб-сайти сьогодні мають можливість пропонувати інноваційні речі для користувача як з точки зору дизайну, так і функціональних можливостей, це, як правило, робиться на шкоду вазі сторінки, що, відповідно, збільшиться, а отже, і збільшить час завантаження останнього. Це дуже серйозно? Це незначно? Чи можемо ми вирішити ці проблеми? Побачимо це в решті статті.

Чи є проблема із важким сайтом? ?
Треба визнати, що важка площадка є проблематичною навіть сьогодні. Звичайно, ми маємо все більшу швидкість Інтернету, але ми не повинні забувати, що половина відвідувань сьогодні відбувається на мобільних та мобільних пристроях потоки все ще обмежені (головним чином через все ще недостатнє покриття мобільної широкосмугової мережі сьогодні). Як результат, занадто важка сторінка може бути проблематичною, оскільки ваш користувач може бути розчарований тим, що йому доведеться чекати, і сьогодні все відбувається дуже швидко. Однак ми можемо більш-менш кваліфікувати це і мати досить важкі сайти, але які матимуть певне призначення.
Щоб навести кілька прикладів, сайтами, де швидкість буде мати значення, будуть сайти електронної комерції та "загальнодоступні" сайти, де ми шукаємо інформацію, де ми просто займаємося серфінгом або з будь-якої причини.
Однак сайти навмисно важкі, тому що їх метою буде представити інноваційні функції/дизайн, і зазвичай для цього потрібні додаткові ресурси.
Чи можу я нехтувати швидкістю завантаження, якщо мій сайт уже швидкий ?
Ви можете подумати, що якщо наш сайт швидкий, то більше не треба робити жодної роботи, і що все добре в найкращому з усіх можливих світів. Однак ці кілька прикладів напевно змусять вас релятивізувати:
- Yahoo збільшив свій трафік на 9% для кожного 400 мілісекунд вдосконалення на час завантаження
- Walmart збільшив коефіцієнт конверсії на 2% для щосекунди вдосконалення на час завантаження
- Збір коштів для кампанії Барака Обами збільшив кількість пожертв 14% при збільшенні швидкості з 5 до 2 секунд.
- Amazon повідомляє a 1% втрата доходу для кожного 100 мілісекунд додаткове навантаження.
Це, очевидно, не єдині, але ми бачимо, що на цих сайтах час завантаження має значний вплив, навіть коли ми говоримо про мілісекунди.
Тому я б сказав вам ні, не слід нехтувати швидкістю завантаження веб-сайту, навіть якщо це вже здається вам швидким.
Як виправити проблеми зі швидкістю завантаження/вагою сторінки ?
Зменшення часу завантаження вашої сторінки та зменшення ваги її сторінки можливо, і ми маємо зробити кілька дій у різних місцях:
Стискайте зображення та використовуйте хороший розмір
- Який максимальний розмір вставки, яка буде містити зображення ? Вам не потрібно мати зображення 400px * 400px для вставки 300px * 300px. Навіть якщо ви думаєте, що це не сильно зміниться, скажіть собі, що у вас не буде лише одного зображення, і згадайте випадок з Amazon. !
- Потрібна мені прозорість чи ні ? Якщо зберегти зображення без альфа-шару (прозорість) в PNG, у вас буде дуже великий файл швидко. Тому віддайте перевагу іншим форматам, таким як JPG з відрегульованим ступенем стиснення.
- Під час запису віддайте перевагу формату a веб-оптимізований запис; Photoshop дозволяє, наприклад, зменшити вагу зображень завдяки цьому.
Поєднуйте зображення разом
Потім ми можемо також використовувати CSS-спрайти, принцип простий, у вас є зображення, в якому є кілька зображень. Зазвичай це маленькі піктограми, стану наведення або щось, що дозволяє уникнути завантаження декількох зображень, коли ви можете завантажити одне і розмістити його в CSS.
Це підводить мене до ще однієї підказки зменшити кількість запитів HTTP. Кожен запит вимагає часу, тому, якщо у вас є можливість звузити його, не соромтеся !
Стискайте файли CSS та JS
Тоді ми можемо зменшити файли CSS та JS, коли ми можемо, щоб заощадити дорогоцінні мілісекунди. Зазвичай бібліотеки, якими ви можете скористатися, пропонують "мінімальну" версію, але ця підказка також застосовується до конкретного коду, розробленого для цього випадку, який виявляється громіздким. Однак перед мініфікацією файлу необхідно перевірити, чи все працює правильно, помилки можуть швидко виникнути, якщо, наприклад, розробник ніколи не закінчує свої інструкції JS крапкою з комою, а повертає рядок; тоді мініфікація призведе до збою сценарію.
Ефективний хостинг
Тоді найдорожче рішення - це, мабуть використовувати ефективний виділений сервер. Завдяки цьому ваш сайт отримає надзвичайно високі показники ефективності порівняно зі спільним хостингом. Однак чи потрібно мати виділений сервер для простого вітринного сайту, коли ви знаєте, що різниця в ціні становить порядок (принаймні) 40 євро на місяць додаткові ?
Прийти до висновку
А Google у всьому цьому? Що він думає? Я не говорив про це, і з поважних причин достатньо одного речення, щоб пояснити це:
Незважаючи на те, що ми можемо прочитати на багатьох сайтах, стверджуючи: "Швидкість веб-сайту є фактором SEO! », Це твердження просто хибне або принаймні навмисно перебільшене, оскільки це стосується лише 1% сайтів (дуже дуже повільні сайти), для решти Google не привілейовувати більше вашого сусіда, ніж ви, для сайту на 100 мс швидше чи повільніше, AMP окремо.
Поділіться публікацією "Час завантаження вашого веб-сайту"