Liquid
Шаблоны можно оптимизировать с помощью кеширования и использования специального синтаксиса в написании тегов - {{- -}}, {%- -%}.
Для кеширования используют тег cache, в основном он применяется к выводу массива коллекций, но если массив коллекций используется в качестве меню, активные пункты меню нужно будет выделять с помощью javascript так как ликвид закеширует значения в ликвид.
{% capture cache_menu_key %}cache_menu_key_{{ collections.last_updated_at }}_{{ languge.local }}{% endcapture %}
{% cache cache_menu_key %}
.. кешируемый код
{%- for collection in collections -%}
{%- endfor -%}
{% endcache %}
Теги с тире помогают избавиться от лишних пустых строк.
{%- assign my_variable = "tomato" -%}
{{ my_variable }}
Отслеживайте скорость рендера сниппетов, чтобы найти проблемный код.
Пример замера скорости:
{% capture start_time %}{{'now' | date: '%s.%L' }}{% endcapture %}
{% include 'head' %}
<!-- Render time: {{ 'now' | date: '%s.%L' | minus: start_time }} -->
Возможно какие-то участки кода можно перевести на подгрузку через ajax.
Изображения
Используйте фильтр image_url, чтобы использовать оптимальный размер изображений.
Особенно в блоках и других областей, куда пользователи легко могут загрузить свои изображения с неизвестным исходным размером.
Так же можно использовать преобразование в формат webp.
<img src="{{ collection.image | image_url: 600, format: 'webp' }}">
Для скрытых изображений используйте ленивую подгрузку изображений, то-есть присваивать атрибуту src значение после загрузки страницы или при появлении изображения на экране.
Помимо image_url есть фильтр который добавляет изображение в формате webp с фолбеком на jpg.
Это подойдет для браузеров которые не поддерживают webp.
{{ collection.image | webp_picture_tag: 600 }}
На выходе получаем =>
<picture>
<source srcset="https://static-eu.insales.ru/.../600/600/.../image_original.jpg@webp" type="image/webp">
<img src="https://static-eu.insales.ru/r/.../600/600/.../image_original.jpg">
</picture>
Инструменты
Используйте консоль браузере, чтобы смотреть скорость и порядок загрузки элементов. Вкладка network в хром или вкладка сеть в фаерфокс.
В хром есть аналог PageSpeed Insights, это вкладка Audits там предоставляется детальный отчет по проблемам загрузки контента.
Комментарии (87004)
Здравствуйте! Вы слышали когда-нибудь о X-GPT Writer: генератор уникального контента по ключевым словам на базе нейросети ChatGPT? Я тоже нет, пока не посоветовали автоматизировать рутинные задачи этим софтом, хочу сказать одно! Я потом долго не мог поверить, что ChatGPT настолько мощный продукт, если его применять одновременно в потоковом исполнении, под управлением X-GPT Writer. Думал это просто утилита, стоила недорого, друг дал купон на скидку 40%: 94EB516BCF484B27 подробности где его вводить указаны на сайте: https://www.xtranslator.ru/x-gpt-writer/ Начал пробовать, вникать, прикупил 50 аккаунтов ChatGPT по низким ценам и понеслось! Сейчас легко генерирую и запускаю по 3-4 новых сайта в неделю, пакетно уникализирую целые папки и даже создаю картинки, с помощью нейросети ChatGPT и X-GPT Writer. Стоит попробовать Друзья, там есть демо, все бесплатно, не пожалеете) Удачи! <a href=https://www.xtranslator.ru/x-gpt-writer>синонимайзер текста на базе ChatGPT </a> <a href=https://www.xtranslator.ru/x-gpt-writer>X-GPTWriter и SEO: путь к успешной оптимизации </a> <a href=https://www.xtranslator.ru/x-gpt-writer>Создание оригинальных текстов с помощью синонимайзера на базе ChatGPT </a> <a href=https://www.xtranslator.ru/x-gpt-writer>Генератор синонимов с ChatGPT </a> <a href=https://www.xtranslator.ru/x-gpt-writer>Синонимизация текста с X-GPTWriter и ChatGPT </a> X-GPTWriter и SEO: путь к успешной оптимизации Уникализация текста с помощью ChatGPT Как X-GPTWriter помогает в SEO-оптимизации контента X-GPTWriter: купоны и акции на скидки X-GPTWriter купоны на скидку
tor markets links <a href="https://kingdom-darknet.com/ ">dark web markets </a> dark market link
darknet markets <a href="https://kingdomdarkwebmarket.com/ ">blackweb </a> darknet site
<a href=https://sun52.ink/>Sun52</a> Sun52
interesting news _________________ https://bdsports.site
tor dark web <a href="https://mydarkmarket.com/ ">dark market link </a> tor market url
best canadian pharmacy <a href=http://canadiandrugs.store/#>certified canadian pharmacy</a> canadapharmacyonline com
dark web search engine <a href="https://kingdomdarkmarket.com/ ">tor markets </a> dark net
Hmm it seems like your site ate my first comment (it was extremely long) so I guess I'll just sum it up what I wrote and say, I'm thoroughly enjoying your blog. I too am an aspiring blog blogger but I'm still new to the whole thing. Do you have any tips and hints for first-time blog writers? I'd definitely appreciate it.
deep web drug url <a href="https://kingdom-darkmarket-online.com/ ">dark web websites </a> dark web link
dark web sites links <a href="https://darkmarket-kingdom.com/ ">tor markets 2023 </a> darknet market links
black internet <a href="https://darkmarketkingdom.com/ ">darknet sites </a> tor dark web
free dark web <a href="https://kingdomdarkmarketplace.com/ ">tor markets links </a> darknet drug store
darknet market links <a href="https://mydarkmarket.com/ ">darkmarket </a> darkmarket 2023
compound pharmacy <a href=https://buyviagraonliney.com/#>canadian drugstore </a> canadian drugs pharmacies online <a href="https://buyviagraonliney.com/#">online medicine shopping </a> walgreens pharmacy online https://buyviagraonliney.com/
<a href="https://sochnie-nochi.ru/hosta">проститутки хоста</a>
darkmarket 2023 <a href="https://kingdom-darknet.com/ ">deep web sites </a> dark market link
canadian pharmacy online cialis <a href=https://cialisguy.com/>pharmacy online cialis</a> cialis pharmacy prices cialis best dosage https://cialisguy.com/ - cialis cost
blackweb <a href="https://kingdomdarkwebmarket.com/ ">darkmarket url </a> tor market
darknet market links <a href="https://darkmarketkingdom.com/ ">darknet market list </a> tor darknet
drug markets onion <a href="https://darkmarket-kingdom.com/ ">blackweb </a> darknet drug links
darknet drug store <a href="https://kingdom-darkmarket-online.com/ ">deep web drug url </a> darknet market lists
canadian pharmacies that are legit <a href=" http://m.414500.cc/home.php?mod=space&uid=2774657 ">buying prescription drugs canada</a> or <a href=" https://maps.google.com.uy/url?sa=t&url=https://ordermedicationonline.pro ">legitimate online canadian pharmacies</a> https://images.google.com.do/url?sa=t&url=https://ordermedicationonline.pro discount prescription drugs online <a href=http://www.pandct.com/link.asp?webaddress=ordermedicationonline.pro>discount prescriptions</a> online pharmacy without a prescription and <a href=https://tc.yuedotech.com/home.php?mod=space&uid=313763>global pharmacy plus canada</a> reputable mexican pharmacies
https://ordermedicationonline.pro/# world pharmacy
Heya i'm for the first time here. I found this board and I to find It really helpful & it helped me out a lot. I am hoping to give one thing again and help others such as you aided me.
dark web websites <a href="https://kingdommarket-online.com/ ">dark web search engines </a> darkmarket
deep web links <a href="https://mydarkmarket.com/ ">dark web drug marketplace </a> tor market
drug markets onion <a href="https://kingdom-dark-market.com/ ">darknet market </a> deep web drug links
onion market <a href="https://dark-web-kingdom.com/ ">darkmarket url </a> dark market list
darknet site <a href="https://kingdom-darkmarket-online.com/ ">tor markets links </a> the dark internet
blackweb official website <a href="https://darkmarketkingdom.com/ ">darknet sites </a> the dark internet
darknet market links <a href="https://kingdom-darkweb.com/ ">dark web market list </a> darknet markets
darknet drug market <a href="https://kingdom-darkmarket.com/ ">dark web market links </a> dark market url
darknet drug links <a href="https://mydarkmarket.com/ ">darknet drug store </a> blackweb official website
https://clck.ru/36Ew6A
Wonderful work! This is the kind of info that are meant to be shared around the net. Shame on the search engines for not positioning this submit upper! Come on over and discuss with my site . Thank you =)
император яндекс <a href=https://nakrutka-nr.ru/nakrutka-pf/>https://nakrutka-nr.ru/nakrutka-pf/</a>
darknet markets <a href="https://kingdomdarkmarket.com/ ">darknet site </a> darknet seiten
deep web drug url <a href="https://dark-web-kingdom.com/ ">dark web market list </a> darknet drug links
deep web markets <a href="https://kingdom-darkmarket-online.com/ ">deep web drug url </a> tor marketplace
darknet market lists <a href="https://darkmarketkingdom.com/ ">the dark internet </a> darknet seiten
blackweb <a href="https://kingdom-dark-market.com/ ">dark web links </a> free dark web
Антенны BDSM для Порно https://www.yota-shop.ru/
medical pharmacies <a href=https://buyviagraonliney.com/#>pharmacy discount </a> canadian government approved pharmacies <a href="https://buyviagraonliney.com/#">canadian pharmaceuticals online </a> online pharmacies https://buyviagraonliney.com/
tor darknet <a href="https://mydarkmarket.com/ ">deep web drug store </a> deep web sites
<a href=https://cooldudecycling.com>thermal cycling kit</a>
darkmarkets <a href="https://kingdom-darkweb.com/ ">deep web search </a> dark web access
Нужны моды для ГТА 5, заходи к нам по ссылке: <a href="http://www.google.com.pe/url?q=http://onegta.ru">http://www.google.com.pe/url?q=http://onegta.ru</a> и скачивай всё абсолютно бесплатно! ГТА предлагает множество модов, которые могут помочь вам изменить игру по своему вкусу. Эти моды могут быть как маленькими изменениями, такими как изменение внешнего вида персонажа, так и большими изменениями, такими как добавление новых машин, оружия и миссий.
dark markets <a href="https://kingdomdarkwebmarket.com/ ">darknet drug market </a> deep dark web
<a href="https://www.techncyber.com/2023/11/reputation-house-employee-reviews.html">reputation house</a>
deep web search <a href="https://darkmarket-kingdom.com/ ">darknet drugs </a> tor market url
darkmarket 2023 <a href="https://kingdom-darkmarket-online.com/ ">dark market onion </a> deep web markets
dark web link <a href="https://darkmarketkingdom.com/ ">deep dark web </a> darknet drug store
whoah this weblog is magnificent i like reading your posts. Stay up the good work! You understand, many persons are searching round for this info, you could aid them greatly.
dark web search engine <a href="https://kingdommarket-online.com/ ">darknet market links </a> deep web drug url
darknet drug market <a href="https://mydarkmarket.com/ ">darknet drug links </a> darknet search engine
<a href="https://greeneryplant.ru/">профессиональный уход и обслуживание зеленых растений</a>
non prescription canadian pharmacy: <a href=" https://buydrugsonline.top/# ">buy drugs online</a> - mexican pharmacy drugs
dark web market list <a href="https://kingdom-dark-market.com/ ">darknet market lists </a> dark market url
darknet market lists <a href="https://kingdom-darknet.com/ ">deep web drug store </a> darknet market lists
dark web market list <a href="https://darkmarket-kingdom.com/ ">darknet search engine </a> dark web access
dark web market list <a href="https://kingdom-darkmarket-online.com/ ">dark web access </a> darknet markets
darknet marketplace <a href="https://kingdomonion.com/ ">dark markets 2023 </a> deep dark web
onion market <a href="https://kingdomdarkwebmarket.com/ ">how to get on dark web </a> dark market
<a href=https://movibox.ru/>Мовибокс сериалы</a>
tor marketplace <a href="https://kingdomdarkmarket.com/ ">dark market list </a> darknet websites
I am sure this article has touched all the internet visitors, its really really fastidious paragraph on building up new weblog.
<a href="https://www.techncyber.com/2023/11/reputation-house-employee-reviews.html">reputation house</a>
darknet site <a href="https://kingdom-darkmarket-online.com/ ">drug markets onion </a> dark web market list
darknet links <a href="https://dark-web-kingdom.com/ ">bitcoin dark web </a> dark net
darkmarket 2023 <a href="https://kingdom-dark-market.com/ ">dark web drug marketplace </a> deep web search
bitcoin dark web <a href="https://kingdomonion.com/ ">darknet sites </a> dark internet
<a href="https://greeneryplant.ru/">профессиональный уход и обслуживание зеленых растений</a>
shoppers pharmacy <a href=https://buyviagraonliney.com/#>pharmacies online </a> online pharmacy busted <a href="https://buyviagraonliney.com/#">online pharmacies </a> pharmacy in canada https://buyviagraonliney.com/
<a href=https://s1.slivbox.me/>https://s1.slivbox.me/</a>
darknet sites <a href="https://kingdom-darkweb.com/ ">dark website </a> how to get on dark web
darknet market <a href="https://kingdom-darkmarket.com/ ">dark web market list </a> dark web markets
india pharmacy mail order: <a href=" https://indiapharmacy.site/# ">best india pharmacy</a> - indian pharmacy
tor markets 2023 <a href="https://dark-web-kingdom.com/ ">tor markets links </a> darkmarket 2023
tor marketplace <a href="https://kingdom-darkmarket-online.com/ ">dark websites </a> tor markets 2023
darknet market list <a href="https://kingdomonion.com/ ">darkmarkets </a> deep web sites
darkmarket <a href="https://kingdommarket-online.com/ ">dark web markets </a> dark web markets
Attractive section of content. I just stumbled upon your web site and in accession capital to assert that I get actually enjoyed account your blog posts. Anyway I'll be subscribing to your feeds and even I achievement you access consistently quickly.
best darknet markets <a href="https://kingdomdarkmarketplace.com/ ">dark web link </a> deep web sites
<a href=https://itisperfect.ru/omg-onion-ssylka.html>омг онион ссылка</a> <a href=https://dead-inside-rq.ru/kupit-mef-sol-gashish.html>купить меф соль гашиш</a> <a href=https://tabak-cityopt.ru/kraken-darknet-tor.html>kraken darknet tor</a> <a href=https://tovardlydoma.ru/kupit-gashish-marihuanu.html>купить гашиш марихуану</a> <a href=https://smotrifilms.ru/omg-sajt-darknet-ssylka.html>omg сайт даркнет ссылка</a>
dark market list <a href="https://kingdomdarkmarketonline.com/ ">darknet site </a> dark web sites
darknet search engine <a href="https://dark-web-kingdom.com/ ">dark web link </a> tor marketplace
darkmarkets <a href="https://kingdom-darknet.com/ ">darknet search engine </a> dark web sites links
drug markets onion <a href="https://kingdom-darkmarket.com/ ">the dark internet </a> darkmarket
dark market <a href="https://darkmarketkingdom.com/ ">dark web drug marketplace </a> best darknet markets
dark market 2023 <a href="https://kingdomdarkmarket.com/ ">darkmarket 2023 </a> tor market url
It's an remarkable post designed for all the web people; they will get benefit from it I am sure.
free dark web <a href="https://kingdom-markett.com/ ">dark website </a> dark markets
the dark internet <a href="https://kingdomdarkmarketonline.com/ ">dark market list </a> darknet links
dark web search engine <a href="https://darkmarket-kingdom.com/ ">deep web sites </a> dark net
darknet search engine <a href="https://kingdommarketlink.com/ ">darkmarket </a> how to get on dark web
black internet <a href="https://kingdomdarkmarketplace.com/ ">dark web market list </a> deep web search
dark web market links https://kingdommarketonlinee.com/ - tor markets 2023 dark market onion
darknet market list https://kingdomurl.com/ - tor market url dark web search engines
compound pharmacy <a href=https://buyviagraonliney.com/#>canadian pharmacies online </a> mexican border pharmacies <a href="https://buyviagraonliney.com/#">canadian pharmacy king </a> pharmacy online drugstore https://buyviagraonliney.com/
Добавить комментарий: