Skip to main content

Как покрасить вкладку в мобильном Google Chrome в цвет шапки сайта

Если вы заходили с мобильного Google Chrome во ВКонтакте, например, то видели что цвет вкладки браузера окрашивается оригинальный синий цвет сайта:

Подкрашенная в цвет шапки сайта мобильная версия соцсети Вконтакте - Vk.com
Подкрашенная в цвет шапки сайта мобильная версия соцсети Вконтакте — Vk.com

Зачем это сделано?!

    • Ну во-первых, этот приём помогает отличить сайт среди массы других, в том числе открытых вкладок на мобильном устройстве, а так же сделать его более привлекательным для пользователя внешне.
    • Во-вторых есть такое слово Юзабилити (от англ. usability — «удобство и простота использования»),  и тут удобствосостоит в том, что цвет вкладки повторяет основной фон вашего сайта, сливаясь и созавая единое целое пространство, тем самым не напрягает глаза.

Браузер Google Chrome начиная с 39 версии, которая вышла для Android Lollipop поддерживает функцию замены цвета интерфейса браузера.

Давайте я подробно расскажу, как сделать так, чтобы окрасить вкладки в мобильной версии браузера Хром.

Подробнее

Включаем gzip сжатие для сайтов. Универсальные методы, в том числе для WordPress.

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

Включаем Gzip-сжатие на Apache. Проверенный, рабочий способ. pingmeup.ru

Система сжатия gzip впервые была создана в 1992 году, и до сих пор не только не потеряла своей актуальности, но и стала стандартом при передач данных методом протокола HTML 1.1.

Сжатие методом gzip осуществляется для ускорения передачи данных, которые архивируются и распаковываются «на лету». Выгода от использования gzip-сжатия может доходить в среднем до 70%.
Gzip сжимает только текстовые данные. Подвергаются сжатию файлы HTML, XML, CSS, JavaScript и другие текстовые файлы.

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

Включаем gzip

Существует несколько способов включения сжатия на сайте. Все зависит от хостинга и используемой платформы. Предлагаю примеры настройки сжатия для Nginx и Apache, ну и по традиции для ленивых – плагином для WordPress.

Для включения сжатия на Nginx нам потребуется использовать модуль ngx_http_gzip_module.

Для работы с gzip на сервере Apache – модуль mod_deflate.

Подробнее

Как настроить Используйте кеш браузера для Google PageSpeed Insights. Правильный и универсальный метод.

Правильная настройка рекоммендаций Google PageSpeed Insights на www.pingmeup.ruСегодня я хочу поговорить от таком инструменте от Корпорации Добра как Google PageSpeed Insights. Многие используют этот инструмент  для оценки быстродействия сайта и вывода рекомендаций по улучшению быстродействия сайтов.

По сути своей эта онлайн-утилита сканирует код сайта, который вы ввели в поле проверки, и выдает ряд рекомендаций по улучшению быстродействия по ряду параметров.

 

 

Проверка осуществляется как для мобильных платформ (смартфоны, планшеты), так и для настольных систем (компьютеры, ноутбуки) с полноценными не мобильными операционными системами.

Сегодня затронем один из параметров оптимизации PageSpeed Insights по пункту Используйте кеш браузера.

Браузерное кэширование само по себе функция хорошая и нужная. Работает это следующим образом: при загрузке веб страницы сайта браузер локально сохраняет на диск компьютера основные файлы с нее: изображения, css-стили, скрипты и тому подобные рабочие файлы. При следующем открытии той же страницы сайта с этого же устройства, она уже загрузится в разы быстрее, так как браузеру нет необходимости лишний раз скачивать рабочие файлы сайта – они уже были загружены к вам на диск в прошлое посещение.

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

Отмечу так же тот факт, что кеширование не распространяется на разного рода счетчики и скрипты Рамблера, Google.Analytics и т.п.

Как и у любой полезной фичи у кэширования есть  минусы — если файл на сервере изменился, то у клиента, который заходил на сайт ранее скорее всего отобразится не новая, а старая версия файла. К примеру, файл с именем Superсar.png содержал изображение спортивного авто. Вы зашли на сайт, почитали статью и покинули сайт. Но вебмастер решил изменить картинку спорткара на внедорожник, а имя файла оставил прежнее. Через пару дней вы решили еще раз прочитать ту статью с этого же компьютера и этим же браузером открыли сайт со статьей. Когда статья загрузилась вы с увидите картинку спорткар, произошло это потому, что браузер ее закэшировал с названием Superсar.png, и изменившиеся размеры изображения он проигнорировал.

Для того чтобы у вас отобразилась уже новая картинка с внедорожником, вам нужно принудительно очистить  кэш браузера, например, комбинацией клавиш Ctrl+F5.

Правильный и универсальный метод — настройка кеширования в файле .htaccess

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

Далее необходимо прописать в нем директивы:

Подробнее

Как увеличить количество тегов в облаке меток WordPress?

WordPress CMS логотипЧасто бывает так, что меток используемых на сайте гораздо больше, чем это предусмотрено стандартными значениями вывода через виджет «Облако меток» в WordPress. Как это исправить не прибегая к помощи плагинов и прочего сатанизма расскажу в этой мини-статье.

 

По-умолчанию максимальное количество тегов отображаемых в стандартном виджете WordPress «Облако меток» — не более 45.

Чтобы увеличить количество отображаемых меток до нужного вам количества необходимо найти файл в директории /адрес сайта/wp-includes/category-template.php.

Открываем в текстовом редакторе (я использую Sublime Text 3), и находим там функцию wp_tag_cloud:

строка wp_tag_cloud

Затем ищем в функции запись ‘number’ => 45. Это и есть то самое ограничение, которое мы снимаем, меняя значение 45 на любое другое, например 63. Затем сохраняем файл, загружаем его обратно с заменой, если ваш редактор не умеет сохранять файлы в www-каталог. Всё готово — проверяем результат!

P.S. Важно: Виджет «Облако меток» обращается напрямую к базе данных WordPress, поэтому дабы не перегружать свой веб-сервер ставьте разумные значения!