Найважливіші рекомендації тим хто робить перший сайт

Привіт шановні початківці веб-майстри. Ось Вам ще один термін - Продуктивність сайту.

Що таке продуктивність і для чого її потрібно покращувати, а так само як це робити, вже дуже багато розказано в рубриці SEO

У цьому пості я хочу все це систематизувати і розставити акценти, щоб у Вас був чітко позначений шлях або план дій.

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

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

І ось все найважливіші чинники і дії які необхідні для того, щоб цю віддачу отримати.

зображення

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

Не варто навіть починати будувати сайт Не освоївши будь-якої простої фотошёп типу GIMP, і застосовувати тільки полегшені зображення оптимальних розмірів.

Використовувати потрібний формат зображення. Наприклад малюнок краще форматувати в PNG а фотографії в JPEG.

Якщо вже вам життєво необхідно показати картинку в повній красі і вазі, то розмістіть її на сторонньому сервері типу trueimages.ru/. і поставте під полегшеним варіантом посилання з анкором «Подивитися повний розмір», або як то так.

На сайті не повинно бути жодного не оптимізованого зображення.

Вид або сприйнятливість сторінки

Сприйнятливість - характеристика того, як сторінка сприймається користувачем.

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

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

Необхідна навігація повинна бути простою і нечисленної, щоб не розсіювати увагу. Солідна простота - основна мета.

Відсутність надмірностей - хороший плюс для прискорення завантаження сторінки.

Свої шрифти, потрібно використовувати з великою обережністю, так як кожен додатковий шрифт здорово садить швидкість завантаження.

Тому не варто відразу ставити захист типу BulletProof Security. Це ж ще на полдвіжка коду.

Спочатку Вам потрібна тільки захист від спам ботів, і спроб початківців хакерів зламати ваш пароль.

Спам можна ізолювати капчёй, або легким плагінчіком типу Kama SpamBlock, а пароль зробити складніше і частіше міняти.

В останній версії WordPress це робиться в один клік.

З питання про небажаних ботах можна звернутися і до хостера, і якщо хостинг дійсно хороший, то Захист від такої напасті Вам буде забезпечена з боку сервера.

На моєму Бегета наприклад, ця послуга безкоштовна, і я вже давно не знаю турбот з ботами тип Хруммер і т.п.

Рекомендації дані в ній доступні для самих початківців.

Додатки, плагіни, 3rd Party

По можливості скоротити використання додатків плагінів і даних третіх сторін (Third party data).

Джерела Third party data - сервіси розсилок, платіжні системи, сторонні сайти, сервіси обробки і зберігання даних

Бази даних Third party data створюються на зовнішніх платформах, і агрегуються з інших сайтів. Є багато ресурсів продають ці дані.

Природно виникає питання про правомірність використання, якість та безпеку таких даних.

Тому в налаштуваннях браузера краще блокувати cookies сторонніх ресурсів.

Блокується більшістю антивірусів. Тому при виборі антивіруса цікавтеся, чи є в ньому захист від pixel tags, в іншому випадку можна отримати стільки таких пікселів, що сторінка стане непідйомною.

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

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

кешування

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

Плагін створює статичні копії файлів, отримати які браузеру набагато легше, ніж вантажити з БД динамічний контент.

Графік поновлення файлів задається користувачем. Наприклад на цьому сайті статичні файли оновлюються кожні 24 години.

Крім того плагін використовує GZIP стиснення (стиснення без втрат) при передачі даних, що додатково прискорює процес.

CSS