Тестовый framework css

Основной контент на сайте

Скорость загрузки и отсутствие ошибок

Оптимизация сайта

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

Очень тяжело самому оптимизировать сайт на CMS

Давайте по-честному, если вы здесь - значит уже у вас есть сайт, сделанный на каком либо движке, типа Wordpress или Joomla и довести его до ума будет очень сложно, скажем так, самостоятельно непрофессионалу это сделать практически невозможно.

Сервис google page speed вам в помощь !

Но ничего не мешает вам разобраться и понять, что сделано не так с оптимизацией сайта и что мешает ресурсу попасть на высокие позиции в поиске Google и Yandex. Для этого существует прекрасный и бесплатный сервис - google page speed. В ролике ниже я расскажу основные его преимущества.

Отложенная загрузка изображений - рулит

Следует обратить особое внимание, при оптимизации сайта, на так называемую ленивую загрузку изображений lazyload. Это значит что Фотография подгружается только в тот момент, когда вы докручивайте до неё мышкой, а не при начальной загрузке страницы.

Дубли страниц губят оптимизацию сайта

Обязательно уберите так называемые дубли страниц, то есть чтобы главная страница сайта отображался без index.php и без index.html, c www или без него - это нужно для грамотной оптимизация сайта. Подключите сайт с google и Яндекс web мастер, не забыв указать в этих сервисах sitemap и robot.txt файлы.

Оптимизация сайта - мои советы

  • Уникальный контент

    Ни в коем случае не копируйте статьи с других сайтов, Google Яндекс это видят и негативно относятся к вашему ресурсу. Напишите немного, но своими словами - это будет намного лучше и помните длинные тексты никто не читает

  • Постарайтесь не использовать CMS

    Если вам нужен небольшой сайт на 5-10 страничек, найдите HTML шаблон в интернете, чуть разберитесь с ним, там нету ничего сложного, а современные движки имеют много лишнего кода что негативно сказывается на оптимизации сайта.

  • Загружайте правильные фото

    Фотографии - это основные элементы которые потребляют много сетевого трафика, при начальной загрузке страницы. Для успешной оптимизации сайта, сохраняйте фото в правильном и не большом разрешении, используйте современные методы сжатия.

  • Минимизируйте css и js код

    Это можно сделать на уровне хостинга, поищите внимательно закладки, оптимизация сайта, если на вашем хостинге нет этого функционала можно, воспользоваться специализированными сервисами - просто загуглите минимизация кода. Вот неплохой сервис - www.minifier.org

  • Переместите js код вниз страницы

    Если есть возможность для хорошей оптимизации сайта - объедините и все JS файлы в один и переместите вниз страницы, после контента, чтобы этот файл подгружался в самом конце и не влиял на первоначальную загрузку страницы.

  • Используйте структуру HTML5

    Обязательно применяйте теги section, nav, header, footer и другие - почитайте разметку html5. Это поможет браузеру понять структуру вашего сайта и как следствие у вас будет оптимизированный сайт.

  • Поменьше используйте плагины

    Поаккуратнее относитесь ко всякого рода галереям, слайдерам и каруселям, которые работают на джава скрипте. Все эти плагины потребляют много ресурсов при загрузке страницы и негативно влияют на оптимизацию сайта.

  • Анализируйте через панель разработчика

    Нажмите F12 на клавиатуре в Хроме и перед вами откроется панель разработчика, в которой вы сможете анализировать оптимизацию сайта, скорость загрузки и битые файлы. Более подробно смотрите в ролике ниже. Но лучше закажите создание сайта у нас )))