Обновление нашего сайта. 2017 Июнь

За последний месяц наш сайт претерпел существенные положительные изменения. Мы сделали сайт ярче, увеличили скорость его работы, улучшили его позицию в поисковых системах, а также адаптировали его для мобильных устройств. А всё для того, чтобы всё больше желающих могло узнать о нашей ферме, о кроликах, и пользователи испытали максимум комфорта при работе с сайтом ЛПХ Петровское.

А теперь обо всем по порядку.

Новый логотип

Новый логотип сайт ЛПХ Петровское

Наш новый (внизу) и старый (вверху) логотипы. Новый логотип ярче, чётче и современнее чем старый.

Мы нарисовали новый логотип для нашего сайта. Старый был очень простым и даже немного страшным. Мы решили его осовременить, добавить красок и яркости. Нашим символом по-прежнему является зелёный кролик, но теперь он куда намного красивее и чётче (в прямом смысле этого слова).

Кроме логотипа мы также поменяли шрифт текста. Новый шрифт называется Philosopher, если кому-то  интересно.

Новый фавикон у нашего сайта

Фавикон это небольшая картинка,  появляющаяся рядом с названием сайта.

В связи с сменой логотипа, мы также поменяли фавиконы.

Для тех кто не знает, фавиконы — это маленькая картинка, которая появляется рядом с названием страницы в вашем браузере. Фавиконы сделаны «в стиль» нашего нового логотипа и представлены в различных размерах, начиная с 32х32, заканчивая 256х256.

Более того, мы сделали специальные фавиконы для Андроид и iOS, так что пользователи этих устройств, могут, к примеру, создать ярлык на рабочем столе чтобы быстро заходить на наш сайт.

Вид иконки будет отличаться в зависимости от операционной системы и браузера.

Мы сделали две иконки для различных нужд.


SSL сертификат и переход на HTTPS

Сайт ЛПХ Петровское перешёл на https и имеет SSL сертификат

Наличие сертификата SSL можно узнать по иконке в виде зелёного замка рядом с названием сайта.

Наш сайт перешёл с HTTP на HTTPS. Если не вдаваться в подробности, то наш сайт теперь более защищенный для пользователей и они могут не беспокоиться что злоумышленники перехватят их данные или получат конфиденциальную информацию.

SSL сертификат это свидетельство, подтверждающее что сайт защищён и что пользователь может спокойно перемещаться по нему без риска взлома, перехвата или мошенничества.

Наш сайт имеет сертификат SSL А-уровня

Сертификат SSL А-уровня свидетельствует о том, что сайт максимально защищён и пользователи могут не беспокоиться за возможную кражу их персональных данных.

Вы можете убедится в наличии сертификата по иконке, рядом с названием сайта. В различных браузерах эта иконка выглядет по разному, но чаще всего она выглядит как зелёный замочек. При этом наш SSL сертификат категории А, то есть максимально защищён, по мнению сайта SSL Labs.

Все ссылки на нашем сайте отныне HTTPS-ссылки, а все старые HTTP ссылки были заменены. Мы сделали так называемый редирект, в результате чего пользователя автоматически перенаправляют с незащищённых HTTP ссылок на новые защищённые HTTPS ссылки, к примеру…


Мы сделали мобильную версию сайта

Мольная версия сайта ЛПХ Петровское по мнению Google - Mobile Friendly

По мнению Google, наш сайт максимально адаптирован для пользователей мобильных устройств, то есть он «Mobile Friendly».

Отныне наш сайт, как сообщает Google — «Mobile Friendly«, то есть его удобно и легко просматривать с мобильных устройств.

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

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

Стоит отметить что и у пользователей нашего сайта с ПК, и у тех кто просматривает наш сайт с смартфонов, — абсолютно одинаковые возможности в обозрении сайта; то есть пользователи мобильных устройств не ущемлены ни коим образом по сравнению с пользователями стационарных ПК.

ЛПХ Петровское на смартфонах

Вот так выглядит наш сайт на мобильных устройствах.


Наш сайт доступен для людей с плохим зрением.

Наш сайт адаптирован для людей с плохим зрением

Согласно отчёту Wave, на нашем сайте нет ошибок (Error) которые могут помешать людям с плохим зрением пользоваться сайтом, а количество ошибок в цвете (Contrast) ниже 5, что более чем приемлимо

Мы постарались сделать всё чтобы размер букв на нашем сайте был максимально приемлем для людей с плохим зрением. По этой причине мы используем 16px шрифт на нашем сайте, вместо стандартного 14px. Иными словами, мы увеличили размер букв чтобы тест было проще читать.

Кроме того, мы оптимизировали все цвета на нашем сайте для того чтобы дальтоникам было удобно читать текст. Мы использовали средства Wave, для того что бы подобрать контраст фона и текста удобные для чтения и выбрали насыщенные зелёный, оранжевый и нейтральные белый и чёрный. Эти 4 цвета, как мы определили, максимально удобны в своём сочетание и дают ААА контраст, то есть очень удобны в чтении.


Увеличена скорость работы сайта

Обычным пользователям не интересно знать все тонкости работы над кодом чтобы добиться максимальной скорости, — им интересен результат, поэтому начнём сразу с цифр по данным GTMetrix.

  Скорость работы
Скорость загрузки Размер страницы Кол-во нужных запросов чтобы загрузить страницу
Было 71% / 75% 11.5 секунд 1792 килобайт 93
Стало 99% / 86% 4.1 секунд 624 килобайт 31

То есть наш новый, оптимизированный сайт грузит страницы в 3 раза быстрее, страницы весят в три 3 раза меньше, а файлов скачивается в 3 раза меньше. Одни плюсы, никаких минусов! В результате этого существенно улучшился рейтинг скорости работы нашего сайта с 71%/75% на 99%/86%.

До тех же пользователей кому интересные технические детали, то:

  1. Мы включили кеширование стилей, скриптов, картинок и всего-всего. Так что браузеру пользователей не придётся по новой скачивать файлы при переходе с страницы на страницу.
  2. Мы включили gzip сжатие — стили и скрипты будут приходить в браузер в сжатом виде, что ускорит время загрузки страницы.
  3. 14 внешних CSS файлов были объединены в одну большую таблицу стилей, затем этот файл был линтирован и минифиципован. В итоге, вместо того чтобы грузить 14 разных файлов, теперь загружается лишь один файл.
  4. Аналогично со скриптами — они все были объединены, линтированы и минифицированы, а после расположены в правильном порядке чтобы обеспечить нормальную работу сайта.
  5. Все лишние стили и скрипты были полностью удалены.
  6. Удалены лишние php запросы чтобы сократить время сборки страниц
  7. Часть кода была переписана чтобы соблюсти html5-семантику и правильный outline.
  8. Убрали все ненужные плагины, а их содержимое было заменено на обычный HTML+CSS код.
  9. Убрали картинки, которые использовались как иконки. Вместо них используется библиотека FontAwesome.
  10. Оптимизировали все картинки (сжаты в 75%, jpeg), а также много чего ещё

Большое спасибо что заглянули на наш сайт и за интерес к последним его изменениям. Надеемся, что Вам он понравился и Вы обязательно найдёте что искали, а чтобы помочь Вам, вот небольшая навигация:

  • Хотите купить мясо кролика? Вам сюда.
  • Хотите купит кроликов на разведение? Вам сюда.
  • Хотите сдать кролика живым весом? Вам сюда.
  • Хотите сдать выгодно ли выращивать кроликов? Вам сюда.
  • Хотите узнать как перевозить кроликов чтобы сдавать их оптом? Вам сюда.
  • Хотите посмотреть наши цены на кролика? Вам сюда.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *