Лендинг представляет собой одностраничный сайт. У него вся информация расположена на одной странице в виде секций. Если одна либо несколько секций содержит большое количество изображений, то для увеличения скорости загрузки сайта целесообразно использовать ленивую загрузку изображений (lazy load). Эта техника заключается в том, что при загрузке страницы помеченные изображения не прогружаются, вместо них показывается заглушка. Когда же пользователь прокручивает страницу до картинки, то вместо заглушки с сервера загружается изображение. Таким приемом можно существенно сэкономить вес загружаемой страницы. Читать далее «Lazy Load на лендинг»
Прокрутка до якоря при открытии страницы
Если необходимо при открытии определенных страниц на мобильных устройствах делать прокрутку до контента(например, что исключить просмотр большой шапки), то сделать это можно с помощью следующего кода:
|
1 2 3 4 5 6 7 |
<script> $(document).ready(function(){ if(document.body.clientWidth < 769) { $('html,body').stop().animate({ scrollTop: $('#page1').offset().top }, 1000); e.preventDefault();} else{} }); </script> |
В данном случае при ширине экрана устройств менее 769 пикселей будет происходить плавная прокрутка до якоря page1.
Оптимизация изображений Joomla
Оптимизация изображений сайта позволяет значительно уменьшить их вес и соответственно повысить скорость работы сайта. Если картинок на сайте немного или они добавляются постепенно с течением времени, то это можно сделать с помощью сторонних сервисов, например такого как optimizilla. Только вот там есть ограничение — загрузить для оптимизации за раз более чем 20 картинок не удастся. А если есть сайт, с тысячами картинок, которые нужно оптимизировать?
Поиск в интернете толком ничего не дал. Да есть какие то 4 расширения Imgen,Image Recycle,EIR,Prizm Image. Из них eir и imgen не оптимизируют изображения, а просто обрезают их до определенного размера. Prizm Image вообще уже удален из каталога расширений для джумла. Остается только Image Recycle — делает именно то что нужно, но он платный. Бесплатно можно оптимизировать не более 100Мб картинок либо в меньшем объеме пользоваться им две недели. Далее по тарифам, цена которых начинается от 10 долларов, именно за эту сумму можно оптимизировать 1Гб картинок.
Работает расширение хорошо, оптимизированные картинки визуально в качестве не теряют. Если ручками их потом подсунуть сервису оптимизилла, то показывает что обжать можно еще на 1-2 процента.
Прилипающее меню вордпресс
Одним из пунктов, обеспечивающих лучшие поведенческие факторы у аудитории сайта, является зафиксированное при прокрутке верхнее меню. Оно всегда на виду и пользователь находясь в любом месте страницы может перейти в интересующую его категорию.
Для вордпресса есть множество плагинов, которые выполняют эту задачу. Но мне больше всех понравился плагин myStickymenu. Работать с плагином очень просто: ему необходимо указать id или class контейнера меню, остальную работу он сделает сам.
Изменить права через терминал
Иногда при переносе сайта на хостинг возникает проблема, что на папки выставлены права не 755, а 700. Лично у меня такое несколько раз было при переносе сайтов на хостинг fozzy. Некоторые панели управления хостингом предоставляют интерфейс для возможности изменения прав на папки, например, это возможно в IPS manager. Но fozzy использует cpanel и там права на папки сайта можно изменить с помощью утилиты terminal. В нее нужно ввести следующую команду:
|
1 |
find ~/public_html -type d -exec chmod 0755 {} \; |
Команда изменит для всех папок, находящихся внутри public_html права на 755. Конечно, можно сделать запрос в службу поддержки хостинга и они сами выставят права, но для оперативности лучше знать эту команду самому. Особенно когда такую операцию приходится делать часто.
Условие определенной страницы php
Если необходимо условие для отработки кода php на определенной странице, то для этого можно использовать следующий код
|
1 2 3 4 5 6 7 8 |
<?php if (!is_page(7019)): ?> <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if(function_exists('bcn_display')) { bcn_display(); }?> </div> <?php endif ?> |
В данном случае будут подключаться хлебные крошки для всех страниц, кроме страницы с id=7019.
Полезные плагины вордпресс
Плагин слайдера smart slider
Плагин хлебных крошек Breadcrumb NavXT
Плагин галереи NextGEN Галерея
Плагин редактирования полей страницы заказа woocommerce
Flexible Checkout Fields
Плагин перевода темы Loco Translate
Плагин конструктора материалов WPBakery Page Builder, отдельно его я не ставил. Он шел предустановленным в купленной теме. Возможно, не в каждой теме его можно применять.
Замена текста woocommerce
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
// замена стандартных текстов function rog_shop_strings( $translated_text, $text, $domain ) { if( 'woocommerce' === $domain ) { switch ( $translated_text ) { case 'Детали' : $translated_text = 'Характеристики'; break; } } return $translated_text; } add_filter( 'gettext', 'rog_shop_strings', 20, 3 ); |
Убрать type=»text/javascript» вордпресс
Решением, которое удаляет из кода сайта атрибуты для стилей и скриптов является следующий код:
|
1 2 3 4 5 6 7 |
add_action( 'template_redirect', function(){ ob_start( function( $buffer ){ $buffer = str_replace( array( 'type="text/javascript"', "type='text/javascript'" ), '', $buffer ); $buffer = str_replace( array( 'type="text/css"', "type='text/css'" ), '', $buffer ); return $buffer; }); }); |
Его необходимо разместить в конце файла functions.php текущей темы оформления сайта. В интернете есть масса других решений, но мне помогло именно это
Убрать type=»text/javascript» Битрикс
Кто сталкивался с задачей валидации кода сайтов на cms не по наслышке знают про предупреждение валидатора о том, что у тега <script> не нужно использовать атрибут type. Однако все cms его сами вставляют в тело страницы. Да что там, даже счетчики аналитики от гугл и яндекс в своем коде имеют данный атрибут. Но всегда, когда говорят о сео оптимизации сайта всплывает тема исправления ошибок валидности. Для Битрикс решением проблемы является добавление кода
|
1 2 3 4 5 6 7 8 9 10 11 |
//вырезаем type="text/javascript" AddEventHandler("main", "OnEndBufferContent", "removeType"); function removeType(&$content) { $content = replace_output($content); } function replace_output($d) { return str_replace(' type="text/javascript"', "", $d); } |
Разместить данный код нужно в init.php (/bitrix/php_interface/init.php или /local/php_interface/init.php).
Используя данное решение можно не трогать места в шаблоне, где напрямую назначается данный атрибут. Добавленный скрипт удалит его из тела страницы.