max1985

так много написано, но о чем, приходиться представлять с трудом... Это что за ф-л? Модуль? В шаблоне?

Только изначально страница будет грузиться так что афигеть... Под большое к-во категорий нужны доработки

Это примерно цена настройки сервера и оптимизация базы под Ваш проект

Если бы сами продавали, делали бы все под микроскопом! Я почти так и подошел к данному вопросу.

Я не пойму Вам лижьбы придраться к словам? Что за бред Вы тут несете? У Вас есть что-то по теме сказать или дополнить? На счет рекомендаций, я имел ввиду те предупреждения которые появляются в вебмастере, например Основные интернет-показатели Нет Видать у Вас дырявый интернет или находитесь где-то на краю цивилизации, а может просто днем нагрузка большая была на сайт. У меня даже с мобилы так показало. Через раз, может и 80-85-90 показать. Смысл мне врать. Врете Вы своим клиентам! Давайте дальше если и будем дискуссию продолжать, то только по теме. Надоело отвечать на Ваш маразм, мне дорого мое время. Перед тем как в следующий раз что-то написать просьба внимательно ознакомиться с первым постом.

По ходу нет. Наверно какой-то запрос везде проставил "с" во всех строках Восстановите бекап базы

Если б Вы прочитали самый первый пост, то увидели: Сама статья один сплошной призыв. Больше не нравилось что теперь сеошники типа @optimlab пользуются Вашим мануалом чтоб доказать что Page Experience это бред. Это февраль! Да и такого спада как в этом году еще не было... А если по делу, Вы бы лучше обратили внимание на это: <link href="min/?g=moneymaker2_css&f=catalog/view/javascript/jquery/owl-carousel/owl.carousel.css,catalog/view/javascript/jquery/owl-carousel/owl.moneymaker2.css,catalog/view/javascript/jquery/owl-carousel/owl.transitions.css,catalog/view/theme/moneymaker2/stylesheet/bootstrap-theme-colors.store0.css,catalog/view/theme/moneymaker2/stylesheet/stylesheet.css,catalog/view/theme/moneymaker2/stylesheet/stylesheet.custom.store0.css&v=211012205750" rel="stylesheet"> <script src="min/?g=moneymaker2_js&f=catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js,catalog/view/javascript/jquery/moneymaker2/jquery.ba-throttle-debounce.min.js,catalog/view/javascript/jquery/moneymaker2/bootstrap-hover-dropdown.min.js,catalog/view/javascript/jquery/moneymaker2/jquery.mask.min.js,catalog/view/javascript/jquery/moneymaker2/js.cookie.js,catalog/view/javascript/jquery/moneymaker2/livesearch.js,catalog/view/javascript/jquery/moneymaker2/sidebars.responsive.js,catalog/view/javascript/jquery/moneymaker2/scrolltop.js&v=273"></script>

Просмотрел я вчера пост от @RGB про мифы о PageSpeed, что я хочу сказать, это бездоказательная пустышка. Не хочу обидеть автора статьи, я думаю он не плохой прогер, но зачем перечить рекомендациям гугла и призывать забить на все это, ровно так же как делает это @optimlab А вот Вам реальные кейсы, все по той же Розетке, которая приведена в мифах. Как мы можем наблюдать, в то время когда пошел первый запуск алгоритма Page Experience, розетка попала под удар и потеряла более 30% органического трафа. И заметьте восстанавливалась долго, могу только представить потери компании, наверно миллиарды. А все из-за какого-то сеошника, который пренебрег советами гугла и забил на PageSpeed. Интересно что с ним сделали, может вывезли в лес? А теперь посмотрим что ж они сделали для восстановления! А вот и Амазон: И что мы видим заветное слово Отвечает Так что? Будете дальше рассказывать своим клиентам байки про фуфайки? Совет для владельцев сайтов, никогда не пренебрегайте советами Гугла и не связывайтесь с теми кто перечит его рекомендациям. Если у Вас в вебмастере будет все сиять зеленым цветом, то хуже от этого не станет, а только наоборот. Да и это будет означать что Ваш сайт технически оптимизирован минимум на 50%

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

Может пока особо и не влияет. Но раз гугл рекомендует так сделать, лучше сделать. Просто когда это случиться, на западе явно это быстрей произойдет, как и с ссылками, то что Вы скажете своим клиентам. И особенно смешно когда Вы предоставили статью 2020 года. Если Вы не в курсе, то новый алгоритм ранжирования под названием Page Experience был реально применен только в марте - мае этого года. Странно когда сеошники не следят за нововведениями и не применяют их на сайтах клиентов. Будет! ) Для чего тогда в вебмастере столько нововведений связанных с этим всем делом? Ссылки наверно? )) Скорость сайта - это качество! Ну я Вам открою секрет, без реальной скоростью загрузки страниц, она не попадет в Core Web Vitals. Есть Попугаи , а есть Core Web Vitals Никогда б не доверил Вам свой сайт на продвижение. SEO должно быть комплексным: техническое - ликбилдинг - копирайтинг и т.д. И каждый должен заниматься своей частью, а не так как у Вас не понятно что делаете.

@Exploits Можете помочь с усовершенствованием блока related-product. Решил для него полностью избавиться от предупреждений. Все вроде сделал осталась поле с отзывати review. Не поможите добить? Спасибо! <?php foreach ($products as $key => $product) { ?> <span id="related-product-<?php echo $key; ?>" itemprop="isRelatedTo" itemscope itemtype="http://schema.org/Product"> <meta itemprop="name" content="<?php echo $product['name']; ?>" /> <meta itemprop="description" content="<?php echo $product['name']; ?>" /> <link itemprop="url" href="<?php echo $product['href']; ?>" /> <link itemprop="image" href="<?php echo $product['image']; ?>" /> <span itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="UAH" /> <meta itemprop="price" content="<?php echo $product['price']; ?>" /> <meta itemprop="itemCondition" content="http://schema.org/NewCondition" /> <link itemprop="availability" href="http://schema.org/<?php if ($product['quantity'] > 0) { echo "InStock"; } else { echo "OutOfStock"; } ?>" /> <meta itemprop="priceValidUntil" content="<?php echo $price_valid; ?>" /> <link itemprop="url" href="<?php echo $product['href']; ?>" /> </span> <?php if($product['manufacturer']){ ?> <span itemprop="brand" itemscope itemtype="https://schema.org/Brand"> <meta itemprop="name" content="<?php echo $product['manufacturer']; ?>" /> </span> <meta itemprop="manufacturer" content="<?php echo $product['manufacturer']; ?>" /> <?php } ?> <?php if($product['sku']){ ?> <meta itemprop="sku" content="<?php echo $product['sku']; ?>" /> <?php } ?> <?php if($product['mpn']){ ?> <meta itemprop="mpn" content="<?php echo $product['mpn']; ?>" /> <?php } ?> <?php if($product['rating'] && $product['reviews']){ ?> <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="<?php echo $product['rating']; ?>"> <meta itemprop="ratingCount" content="<?php echo $product['reviews']; ?>"> <meta itemprop="reviewCount" content="<?php echo $product['reviews']; ?>"> <meta itemprop="bestRating" content="5"> <meta itemprop="worstRating" content="1"> </span> <?php } ?> </span> <?php } ?>

Точно! Я просто использую MICRODATA и забыл про JSON-LD

У кого в гугл серч консоле появилось предупреждение Недопустимый тип объекта в поле "brand" Надо в файле catalog/view/theme/default/template/extension/module/microdatapro/product.tpl заменить это: <meta itemprop="brand" content="<?php echo $manufacturer; ?>" /> на <span itemprop="brand" itemscope itemtype="https://schema.org/Brand"> <meta itemprop="name" content="<?php echo $manufacturer; ?>" /> </span>

напишите автору OCFilter, вряд ли он перестал его продавать, может случайно отключил при обновлении или еще что Лучшего не найдете!

так из контроллера тоже надо все перенести или можете скриптом подгрузить форму со страницы контактов, привязаться к классу например <div id="tp"></div> <script> $("#tp").load("https://site.ru/contakt/ .form-horizontal"); </script>

100% надо было даже наводки не скидывать, просто уверен он и с ней не справится

Вас поиском научить пользоваться? Или еще в twig перевести?

Попробую подправить. Спасибо!

https://phptotwig.com/

Может как-то так $i = 0; foreach ($arr as $val) { if ($i === 0) { // первое значение } ++$i; }

С такой конструкцией не сталкивался, почитаю на досуге. Это из модуля какого-то? А вот с форматом картинок .webp столкнулся на собственном опыте. Внедрил на сайте .webp и траф просел на 20-30%, а все дело в том что этот траф был из гугл картинок, а они не включают в выдачу .webp из-за того что не все браузеры его поддерживают. Ну я сильно не расстроился т.к. такой траф у меня не конверсионный, а вот в других нишах это может навредить.

Почему нет? Я ж в статье написал, если будет так img { display: block; max-width: 100%; height: auto; } то все будет ровненько. А width и height это чисто для гугла чтоб дать ему быстрей понять что за картинка. Никогда не понимал зачем подключать еще сторонние шрифты стили и т.д Может просто дизайнерам так легче, а мне и пару шрифтов достаточно, которые будут у меня лежать на сервере. Дело не в том какая там картинка, а в том что у всех ссылок на товары будет одна и та же картинка, это как сделать у всех ссылок на сайте один и тот же анкор. Вы сейчас скажете что у них же есть свой alt и title, но картинка тоже имеет не малое значение, она должна соответствовать ссылке. Посетитель не заметит конечно, но гугл возможно станет более лояльный. Я просто описал то что можно без проблем добавить в шаблон при его создании. Это конечно круто и это является единственной проблемой на пути к идеальному результату в PageSpeed на мобильной версии. Но создатели шаблонов тут ничего сделать не смогут. Разве что напишут собственный фреймворк или я не знаю, может уже есть такой, я не в курсе. Но даже так эта проблема не изчезнит, есть же еще модули. Возможно это должно решаться на уровне движка.

Конечно не против! Не вижу преград.

В последнее время на форуме все чаше стали обсуждать качество продаваемых шаблонов. Вот и я решил внести свою лепту, может разработчики шаблонов увидят этот пост и внесут корректировки в новых релизах. И так как многие из нас не будут обновлять шаблоны на уже рабочих сайтах, они смогут внести корректировки по представленным примерам самостоятельно, ну или с помощью кого либо. Так как много времени на написание полноценного материала нет, начну с малого и со временем дополню данный материал. Все что будет описано ниже внедрено на собственном сайте тут. И так поехали! 1. Проблема всех шаблонов с которыми я сталкивался это ширина и высоту для изображений задана не явным образом. Неужели трудно добавить через свои громадные модификаторы пару строчек в контроллеры для определения высоты и ширины картинки и вывести это дело уже в самом шаблоне? На примере категории продемонстрирую для простых пользователей с минимальными знаниями как это сделать. В контроллере категории /catalog/controller/product/category.php после: $data['products'][] = array( Вставляем: 'width' => $this->config->get($this->config->get('config_theme') . '_image_product_width'), 'height' => $this->config->get($this->config->get('config_theme') . '_image_product_height'), А в самом шаблоне делаем та: <img loading="lazy" src="<?php echo $product['thumb'];?>" width="<?php echo $product['width']; ?>" height="<?php echo $product['height']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /> Ну и конечно в стилях должно быть так, а то картинки поедут... .img-responsive { display: block; max-width: 100%; height: auto; } Можно тут конечно обойтись и без контроллера, но это будет как некоторые говорят - не кошерно 2. Вторая супер мелочь, которая может прибавить пару Попугаев в PageSpeed Insights это нет свойство CSS font-display в описании шрифтов. Все довольно просто. Было так: @font-face { font-family: 'Open Sans'; font-display:auto; src: local('Open Sans'), local('OpenSans'), url('fonts/opensans.woff2') format('woff2'), url('fonts/opensans.woff') format('woff'), url('fonts/opensans.ttf') format('truetype'); font-weight: 400; font-style: normal; } Стало так: @font-face { font-display: swap; font-family: 'Open Sans'; font-display:auto; src: local('Open Sans'), local('OpenSans'), url('fonts/opensans.woff2') format('woff2'), url('fonts/opensans.woff') format('woff'), url('fonts/opensans.ttf') format('truetype'); font-weight: 400; font-style: normal; } Ну и обратите внимание чтоб в хедере шрифт был прописан с rel="preload", где-то так: <link rel="preload" href="opensans.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 3. Почти у всех шаблонов есть поле для вставки счетчиков, но смысл его добавлять если этот ф-л уже есть в самом движке. Другое дело если б это было так, как реализовано в модуле от @spectre. Это бы избавило от лагов которые появляются от Аналитики и других подобных счетчиков и чатов. 4. Многие делают объединение файлов css и js в один файл. У некоторых это реализовано более менее, у других это полная катастрофа. Расскажу на примере. Было у меня на сайте в шаблоне реализация в таком виде: <script src="/min/f=catalog/view/theme/aurus/js/jquery/jquery-2.1.1.min.js,catalog/view/javascript/bootstrap/js/bootstrap.min.js,catalog/view/theme/aurus/js/aridius/blazy.min.js,catalog/view/theme/aurus/js/swiper/js/swiper.min.js,catalog/view/theme/aurus/js/common.js,catalog/view/theme/aurus/js/aridius/aridiusquickview.js,catalog/view/theme/aurus/js/aridius/slideout.min.js,catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js,catalog/view/theme/aurus/js/aridius/module.js"></script> <link href="/min/f=catalog/view/javascript/bootstrap/css/bootstrap.min.css,catalog/view/theme/aurus/js/font-awesome/css/font-awesome.min.css,catalog/view/theme/aurus/stylesheet/stylesheet.css,catalog/view/theme/aurus/stylesheet/aurus.css,catalog/view/theme/aurus/stylesheet/module.css,catalog/view/theme/aurus/js/swiper/css/swiper.min.css,catalog/view/javascript/jquery/magnific/magnific-popup.css,catalog/view/theme/aurus/stylesheet/animate.min.css" rel="stylesheet" media="screen" /> Это полная жесть, мало того что такую конструкцию не удалось завести, когда я надумал перевести сайт под nginx, так такой запрос отдает кривой заголовок и браузер его не до конца понимает как css и не кеширует. Лучше уже создавать кешируемый файл, который есть физически на сервере и имеет нормальный заголовок. Тогда еще решил этот вопрос костылем, создал физические файлы на основе такого запроса и прописал их в шаблоне. Сейчас сменил на шаблон CyberStore от @29aleksey где это реализовано более менее, но тоже есть и тут не мало минусов, по крайней мере лучшего не нашел. 5. Еще один момент, многие используют в своих шаблонах отложенную загрузку изображений. И вместо картинки товара поисковик видит какую-то картинку без ничего в один пиксель. В коде это выглядит так: <img class="lazyload" src="lazyload.png" data-src="apple-200x200.jpg" alt="Apple" title="Apple" /> Лучше сделать так: <img loading="lazy" src="apple-200x200.jpg" width="200" height="200" alt="Apple" title="Apple" class="img-responsive" /> На этом пока все. Надеюсь, в скором времени дополню пост еще информацией. Если у Вас есть еще чем дополнить информацию пожалуйста предлагайте, будем дополнять. И еще, все эти мелочи и идеальные шаблоны не сделают ваш сайт по истине быстрым, особенно если на нем несколько десятков тысяч товаров. Тут еще может понадобиться улучшить ответ сервера, а для этого скорее всего понадобиться перейти на более мощный сервер, правильно его настроить, оптимизировать базу и избавиться от модулей с кривыми запросами или поправить их. С частью из этих вопросов помог справиться @Yoda. И только тогда вы увидите заветное слово в PageSpeed Insights – Отвечает Так же хочу сказать, что вся эта гонка за скоростью не принесет Вам много трафика, это как маленькая доля СЕО, которая скорее всего будет работать только в комплексе с другими видами СЕО оптимизации. Но как минимум сейчас это будет способствовать тому что пользователь не сбежит с сайта пока будет ждать прогрузки страницы. В будущем может это и будет одним из основных методов ранжирования… Так что стоит подготовиться за ранее, почему нет. Всем мирного неба над головой, щедрых клиентов и хороших продаж!

Там вроде патч есть для обновления, весь движек перезакидывать не нужно Есть еще 3-й вариант пофиксить баг!