Прості рекомендації щодо оптимізації роботи інтернет-ресурсів

Зараз кожен другий сайт пропонує свій звід порад по збільшенню продуктивності сайтів, є вони і пошукача Yahoo.

По-перше, при роботі з HTTP не забувайте:
- Уникати HTTP запити - чим менше їх, тим краще;
- Використовувати заголовки «Cache-control» або «Expires»;
- Забути про редіректи (HTTP Redirect).

По-друге, скрипти Java вимагають уважності:
- При написанні документа на його початку обов'язково вказуйте посилання на файли з таблицями стилів (link href) .а наприкінці прописуйте посилання на файл JavaScript (script src);
- Вставки CSS і JavaScript зберігайте окремими файлами;
- При використанні CSS і JavaScript зменшуйте розміри файлів за допомогою утилитов YUI compressor або JSMin. Вони дозволять розібратися з непотрібними коментарями і зайвими пробілами, а так же скоротять змінні.
- Перевіряйте файли скрипта на дублювання кодів, що змушує довантажувати ставки і затримувати оновлення сторінки;
- Позбавтеся від запитів Java до DOM хоча б частково, виконавши кешування, що відкидає повторювані запити;
- Все блоки Java разом з картинками залишайте на завантаження в останню чергу;
- При обробці подій в крайньому випадку застосовуйте onresize, аудити проводите за допомогою YUI Event, а звичний "onload" замініть на утиліту DOMContentLoaded.

По-третє, при роботі з Ajax запитами:
- Кешуйте їх;
- Використовуйте метод GET, що вміщає всі запити в один пакет TCP.

В четвертих, CSS теж можна оптимізувати:
- Чи не засмічуйте CSS вичіслімих виразами (expression);
- Обов'язково скиньте буфер ще при старті генерації сторінки за допомогою періодичного виклику flush () в PHP, тоді користувач швидше завантажити CSS файли;
- Для завантаження CSS використовуйте на початку сторінки неimport, а "link";
- Забудьте про фільтри, вони підтримуються виключно IE / краще візьміть в оборот PNG8.

По-п'яте, будьте терплячі і уважні при написанні сайту:
- Усі сторінки перед віддачею стискайте, наприклад, через утиліту mod_gzip;
- Для доставки контенту використовуйте послугами таких мереж як Akamai;
- В сторінці не прописуйте більше трьох посилань на інші домени, будь то звернення до картинки або iframe, бо сайту доводиться чекати відповіді чужих серверів;
- При використанні iframe'ов, постарайтеся залишити тільки основні, а так же позбутися від посилань на чужі ресурси, інакше частина сторінки може залишитися заблокованій;
- В Apache налаштуйте ETags;
- Раціонально відбирайте ті скрипти, які знадобляться при первинному завантаженні;
- А весь контент ділите рівними частками за наявними доменах, тоді браузер довантажити всі необхідні дані одночасно;
- Мінімізуйте кількість елементів в дереві DOM, прибирайте зайві теги;
- Банально, але стежте, щоб у вас не з'являлася помилка 404;
- Урізуйте розміри Cookie: скорочуйте імена, визначайте тривалість життя, прибирайте все зайве;
- У допоміжних сторінках замість Cookie використовуйте винесення всіх скриптів на static.domain.com;
- Якщо вирішили додати Flash, заздалегідь визначте crossdomain.xml.

По-шосте, зверніть увагу на зображення:
- Попрацюйте над використовуваними зображеннями (зменшіть розміри використовуваної палітри, заливайте картинки в форматі * PNG за допомогою утилитов optipng, pngoptimizer або pngcrush, видаляйте коментарі, а в разі * jpg оптимізуйте файли через jpegtran);
- Для створення фонових картинок використовуйте CSS спрайт;
- Перевіряйте збіги реального розміру картинки з прописаними параметрами width і height (тоді не буде проблем з масштабуванням).
- Пам'ятайте, що створений favicon.ico повинен не перевищувати 1 Кб і бути кешіруемим, бо пошукові системи використовують його в кожному десятому запиті.

І, нарешті, по-сьоме, при створенні сайту, оптимізованого під мобільні пристрої:
- Не створюйте сторінки, що перевищують 25 Кб;
- Використовуйте multipart блоки, що дозволяє виробляти автоматичну упаковку всіх доповнень у додатки.