Ноу-хау

Рекомендации по производительности сайтов и онлайн приложений

Рекомендации

Удовлетворенность посетителей в первую очередь зависит от скорости работы сайта. Быстро работающий сайт удерживает внимание пользователей, им не приходится тратить время на ожидание. И у них не появляется причин закрыть сайт и перейти к следующему в поисковом запросе.

Кстати, о поисковых запросах. Опытные SEO знают, что Google использует скорость загрузки страниц в своем алгоритме ранжирования страниц. В переводе с технического языка это означает, что быстро работающие сайты как правило занимают более высокое место в поисковых запросах.

На что следует обращать внимание

  1. Не объявляйте кодировку в мета тэгах
  2. Отслеживайте битые ссылки или запросы
  3. Не используйте вложенные импорты CSS стилей
  4. Откажитесь от CSS выражений, они уже не поддерживаются современными браузерами
  5. Не используйте document.write() для загрузки ресурсов, это существенно замедляет страницы
  6. Избегайте использования Adobe Flash, он не поддерживается многими мобильными устройствами
  7. Не используйте перенаправления страниц, либо делайте это на стороне сервера, незаметно для клиента
  8. Объединяйте внешние CSS файлы
  9. Встраивайте мелкие CSS файлы непосредственно в код (если нет желания объединять их)
  10. Объединяйте внешние скрипты в как можно меньшее количество отдельных файлов
  11. Встраивайте мелкие скрипты непосредственно в код (если нет желания объединять их)
  12. Объединяйте картинки с помощью CSS sprites
  13. Не подгружайте сразу JavaScript функции, которые не используются при первом показе страницы
  14. Старайтесь использовать асинхронный парсинг JavaScript ( используйте <script async> )
  15. Разрешайте использование gzip сжатия страниц
  16. Используйте HTTP Keep-Alive или постоянные соединения
  17. Улучшайте время обработки запросов сервером
  18. Используйте возможности кэширования файлов в браузере клиента
  19. Используйте возможности кэширования файлов на прокси-серверах (с помощью заголовков)
  20. Разрешайте кэширование страниц, которые перенаправляют на другие страницы
  21. Минимизируйте и оптимизируйте CSS код
  22. Минимизируйте и оптимизируйте HTML код
  23. Минимизируйте и оптимизируйте JavaScript
  24. Уменьшайте количество обращений к уникальным именам хостов (DNS запросы)
  25. Минимизируйте перенаправления страниц
  26. Минимизируйте размер HTTP запросов
  27. Минимизируйте количество HTTP запросов
  28. Минимизируйте размер cookies
  29. Оптимизируйте размер изображений
  30. Оптимизируйте порядок стилей и скриптов с целью параллельной загрузки
  31. Распараллельте загрузку с различных серверов
  32. Старайтесь использовать асинхронные скрипты
  33. Помещайте стили и связи в заголовок страницы
  34. Не используйте запросов использующих «?» к статичным ресурсам
  35. Чистите не используемые CSS стили
  36. Для загружаемых ресурсов не используйте разные имена страниц
  37. Масштабируйте изображения
  38. Загружайте статические ресурсы из доменов, не использующих cookies
  39. Используйте Last-Modified или ETag заголовки
  40. Корректно конфигурируйте ETag настройки
  41. Задавайте кодировку на стороне сервера
  42. Используйте Vary: Accept-Encoding заголовок для корректной работы прокси-серверов
  43. Задавайте мета-заголовок «viewport» для мобильных браузеров
  44. Указывайте размеры изображений
  45. Используйте кэш приложений
  46. Используйте эффективные CSS селекторы
  47. Используйте Expires заголовки
  48. Избегайте использования AlphaImageLoader фильтра
  49. Избегайте использования CSS выражений
  50. Убирайте пустые src или href атрибуты
  51. Разрешайте кэширование AJAX запросов
  52. Используйте метод GET для AJAX запросов
  53. Делайте favicon иконки маленькими и кэшируемыми
  54. скрипты в конец страницы
  55. Уменьшайте количество DOM элементов
  56. Чистите дубликаты JavaScript и CSS
  57. Если есть возможность, используйте CDN (Content Delivery Network)

IT Squared. © 2014-2015. Все права защищены. Дизайн: HTML5 UP