Инструменты оптимизация сайта

Video: https://www.youtube.com/watch?v=S3jS6C-ugYs

Transcript

1. Инструменты оптимизация
   сайта
   История жизни сайта с точки зрения его
   оптимизации
   Кулаков Вячеслав
   kulakov.home@gmail.com
   Воронеж 2017
   

   View Slide

2. 2
   Этапы жизни сайта
   ●
   Запуск
   ●
   Развитие
   ●
   Санкции
   ●
   Последние дни
   

   View Slide

3. 3
   Запуск: стек технологий
   Немного о стеке технологий:
   ●
   язык — PHP
   ●
   движок — самописный
   ●
   хранение информации в файлах
   ●
   шаблонизатор — Twig
   https://twig.sensiolabs.org/
   

   View Slide

4. 4
   Запуск: оригинальный дизайн
   

   View Slide

5. 5
   Развитие: рост
   

   View Slide

6. 6
   Развитие: новый дизайн
   

   View Slide

7. 7
   Санкции: резкое падение
   

   View Slide

8. 8
   Санкции: где искать проблемы
   Где искать проблемы в первую очередь:
   ●
   Google Console
   ●
   Яндекс.Вебмастер
   

   View Slide

9. 9
   Санкции: где искать проблемы
   Где искать проблемы в первую очередь:
   ●
   Google Console
   ●
   Яндекс.Вебмастер
   Поиск решения найденных проблем:
   ●
   Форум по продуктам Google -
   https://productforums.google.com/
   ●
   Форум об интернет-маркетинге -
   http://searchengines.guru/
   

   View Slide

10. 10
    Санкции: совет
    Пользуйтесь консолями веб-мастера не только
    при наличии явных проблем с сайтом.
    

    View Slide

11. 11
    Санкции: совет
    Что делать чтобы снять санкции:
    ●
    Почистить сайт от вирусов
    ●
    Почистить сайт от постороннего кода
    ●
    Убрать с сайта код ненадёжных партнёров
    

    View Slide

12. 12
    Санкции: совет
    Что делать чтобы снять санкции:
    ●
    Почистить сайт от вирусов
    ●
    Почистить сайт от постороннего кода
    ●
    Убрать с сайта код ненадёжных партнёров
    ●
    Заняться чем-нибудь ещё полезным для
    сайта
    ●
    Подождать пару недель и отправлять запрос
    на повторную проверку сайта
    

    View Slide

13. 13
    Санкции: совет
    Внимательно проверяйте на надёжность и
    честность своих партнёров во всех доступных
    источниках.
    

    View Slide

14. 14
    Санкции: левые переходы
    Источники левых переходов:
    ●
    Недобросовестные партнёры
    ●
    Взлом сайта/вирусы на сайте
    ●
    Расширения в браузерах пользователей
    ●
    Вмешательство провайдера в код
    загружаемых страниц
    ●
    Прочее
    

    View Slide

15. 15
    Санкции: Content Security Policy
    Сначала настраиваем правила:
    Header set Content-Security-Policy "
    default-src 'self'
    http://www.google-analytics.com
    http://googleads.g.doubleclick.net;
    style-src 'unsafe-inline' *;
    script-src 'self' 'unsafe-inline' 'unsafe-eval'
    http://www.google-analytics.com
    http://googleads.g.doubleclick.net;
    Report-uri
    https://p.report-uri.io/r/default/csp/enforce"
    

    View Slide

16. 16
    Санкции: REPORT-URI
    

    View Slide

17. 17
    Санкции: Content Security Policy
    Сначала настраиваем правила:
    Header set Content-Security-Policy "
    default-src 'self'
    http://www.google-analytics.com
    http://googleads.g.doubleclick.net;
    style-src 'unsafe-inline' *;
    script-src 'self' 'unsafe-inline' 'unsafe-eval'
    http://www.google-analytics.com
    http://googleads.g.doubleclick.net;
    Report-uri
    https://p.report-uri.io/r/default/csp/enforce"
    Потом внимательно изучаем статистику и
    опять настраиваем правила.
    

    View Slide

18. 18
    Санкции: PageSpeed Insights
    Основные моменты оптимизации:
    ●
    Оптимизация изображений
    ●
    Спрайты для элементов интерфейса
    ●
    Минимизация и объединение JS и CSS
    файлов
    ●
    Перенос JS и CSS в конец документа
    ●
    Сокращение времени ответа сервера
    ●
    Включение сжатия на сервере
    ●
    Респонсивный дизайн/мобильная версия
    

    View Slide

19. 19
    Санкции: совет
    Отдавайте предпочтение работе с контентом
    на сайте нежели оптимизации его
    производительности.
    

    View Slide

20. 20
    Последние дни
    Последние дни — это не про выключение
    сайта.
    Последние дни — это про продажу сайта на
    бирже.
    

    View Slide

21. 21
    Последние дни: проблемы
    Подготовка к продаже сайта выявила ещё пару
    существенных проблем:
    ●
    Привязка сайта к личным аккаунтам
    ●
    Самописный движок
    

    View Slide

22. 22
    Последние дни: советы
    Используйте отдельные аккаунты для сайта.
    Используйте популярные CMS для сайта.
    

    View Slide

23. 23
    Спасибо за внимание!
    Ссылки:
    ●
    https://twig.sensiolabs.org/
    ●
    http://searchengines.guru/
    ●
    https://productforums.google.com/
    ●
    https://report-uri.io/
    ●
    https://wikipedia.org/wiki/Content_Security_Policy
    ●
    https://developers.google.com/speed/pagespeed/
    

    View Slide