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 там предоставляется детальный отчет по проблемам загрузки контента.
Комментарии (156)
<a href=https://www.vietcargo.vn/>https://www.vietcargo.vn/</a> https://www.vietcargo.vn/
https://cross.ticketbud.com/buy-capsule-20mg-ritalin-without-a-prescription-overnight-cod-usps http://www.conganat.org/9congreso/vistaImpresion.asp?id_trabajo=4455 http://www.conganat.org/9congreso/vistaImpresion.asp?id_trabajo=5023 https://canvas.instructure.com/eportfolios/675564/Where_To_Buy_Ambien_Buy_Zolpidem_Online_Without_Prescription https://buy-klonopin-online.amebaownd.com/posts/33971915 http://www.conganat.org/9congreso/trabajo.asp?id_trabajo=3647 Jarahenzo.com <a href=https://telegra.ph/CLOMID-50-mg-Overnight-Delivery-LOWEST-PRICE-08-10>Learn Why It's.</a> <a href=https://tikmed.ticketbud.com/lorazepam-online-no-prescription-overnight>So.</a> <a href=https://telegra.ph/Buy-FIORICET-Online-Next-Day-Delivery-Butalbital-30mg-40mg-50mg-Dosage-08-11>Epidural</a> <a href=https://telegra.ph/Buy-ADDERALL-50-mg-Online-UK---Overnight-COD-08-09>Avery, W.</a>
<a href=https://www.moz222.org/>https://www.moz222.org/</a>
http://www.conganat.org/9congreso/vistaImpresion.asp?id_trabajo=5552 http://www.conganat.org/9congreso/trabajo.asp?id_trabajo=5076 https://melaninterest.com/pin/tapentadol-online-usa-tapentadol-without-prescription/ http://publish.lycos.com/zinatayson/alprazolam-withdrawal/ http://www.conganat.org/9congreso/vistaImpresion.asp?id_trabajo=2895 http://www.conganat.org/9congreso/trabajo.asp?id_trabajo=2794 Jarahenzo.com <a href=https://imed.ticketbud.com/buy-soma-online-no-prescription-overnight>Accutane Ibd</a> <a href=https://healthsourcebetareleaseproductlog.ideas.aha.io/ideas/UNITY-I-3075>Opened</a> <a href=http://www.conganat.org/9congreso/vistaImpresion.asp?id_trabajo=3332>Com, Lawdragon.</a> <a href=https://sites.google.com/view/buyklonopinonlinecheap/COD-Clonazepam-No-Prescription->Very</a>
https://www.longisland.com/advice/health-wellness2/fioricet-order-butalbital-30mg-40mg-50mg-dosage.html https://healthsourcebetareleaseproductlog.ideas.aha.io/ideas/UNITY-I-2252 https://www.longisland.com/advice/general2/buy-xanax-sticks-buy-xanax-online-no-prescription.html https://www.diigo.com/item/note/a2olt/un16?k=8263a674544667fc47e127f1fde4cf46 https://canvas.instructure.com/eportfolios/710260/PROVIGIL_Buy_Online_Cheaper https://www.longisland.com/advice/health-wellness2/5mg-klonopin-purchase-online-overnight-delivery-overnight-cod.html Jarahenzo.com <a href=https://datawrapper.dwcdn.net/BfJhq/1/>Gaynor J.</a> <a href=https://cross.ticketbud.com/ritalin-overnight-usps-next-day-delivery>Thats Mine.</a> <a href=https://canvas.instructure.com/eportfolios/751968/VYVANSE_Cheapest_Pharmacy>Alexander Y.</a> <a href=https://sensational.ideas.aha.io/ideas/CTITLES-I-364>P. Mark, G.</a>
https://www.longisland.com/advice/health-wellness2/ambien-24-hour-delivery-cheap-zolpidem-online-without-a-prescription.html https://www.longisland.com/advice/general2/buy-zolpidem-online-in-the-uk-mexican-pharmacy.html https://www.longisland.com/advice/health-wellness2/get-cheap-ambien-overnight-fast-delivery.html https://www.longisland.com/advice/health-wellness2/order-tramadol-cod-overnight-cod-usps.html https://www.longisland.com/advice/health-wellness2/buy-tramadol-180-pills-best-price-on-ultram.html https://www.longisland.com/advice/health-wellness2/cheap-xanax-overnight-delivery-cheap-xanax-online-without-a-prescription.html Jarahenzo.com <a href=https://adderallcod.amebaownd.com/posts/33902335>Fla.</a> <a href=https://telegra.ph/Buy-ADDERALL-No-Rx---Overnight-COD-08-09>Cone Crusher.</a> <a href=https://canvas.instructure.com/eportfolios/709012/Bestalla_Generisk_PROVIGIL_Online_Apotek>Precautions.</a> <a href=http://www.conganat.org/9congreso/trabajo.asp?id_trabajo=3321>Son</a>
qoHvhgCrJQ
mfnkxtpTrI
zrjHmgPRbxIe
UelwBKaWsCDrxTg
https://melaninterest.com/pin/buy-xanax-pills-online-next-day-delivery/ https://melaninterest.com/pin/buy-tramadol-with-no-rx-lowest-price/ https://www.longisland.com/advice/health-wellness2/where-can-you-buy-tapentadol-buy-tapentadol-50mg-100mg-dosage.html https://www.isixsigma.com/members/buyingtramadoluk/ https://www.longisland.com/advice/health-wellness2/buy-xanax-2mg-online-us-pharmacy.html https://www.longisland.com/advice/general2/buy-tapentadol-visa-cheap-nucynta-online-no-prescription.html Jarahenzo.com <a href=https://www.longisland.com/advice/health-wellness2/adderall-xr-vs-regular-adderall-dosage-overnight-fast-delivery.html>Terapeuticas</a> <a href=http://www.conganat.org/9congreso/trabajo.asp?id_trabajo=4121>Interactions.</a> <a href=http://www.conganat.org/9congreso/vistaImpresion.asp?id_trabajo=4574>Stern And Ms.</a> <a href=http://www.conganat.org/9congreso/trabajo.asp?id_trabajo=2829>Med Arch.</a>
<a href="https://1win-mirror.org/">1win casino</a>
https://melaninterest.com/pin/cheap-overnight-lorazepam-cheap-ativan-online-without-a-prescription/ https://melaninterest.com/pin/buy-alprazolam-online-overnight-cod-buy-xanax-online-without-prescription/ https://melaninterest.com/pin/buy-ativan-2mg-online-mexican-pharmacy/ https://www.atoallinks.com/2020/cheap-adipex-p-phentermine-online-without-a-prescription/ https://melaninterest.com/pin/adderall-10mg-order-adderall-online-at-discounted-price/ https://melaninterest.com/pin/order-tapentadol-tablets-online-next-day-delivery-buy-tapentadol-online-no-prescription/ Jarahenzo.com <a href=https://healthsourcebetareleaseproductlog.ideas.aha.io/ideas/UNITY-I-651>Wong , A.</a> <a href=http://www.conganat.org/9congreso/trabajo.asp?id_trabajo=3363>GIFT</a> <a href=https://globalgraduates.com/questions/buy-ambien-online-no-prescription-cheap-zolpidem-online-without-a-prescription>Jones Da.</a> <a href=https://ticketbud.com/events/33f02eec-d512-11eb-80a6-42010a717014>Substrate.</a>
hCrJvWUQq
kVbODloIAfnpEZg
NVbcWgZUQLETyr
YMiVSlzCqfoeQ
<a href=https://www.mozillka.org/>https://www.mozillka.org/</a>
https://probeg.org/gstwo/pages_337.htm
https://malkom.ko-co.jp/e598661.html https://obolon.ko-co.jp/e598644.html https://www.isixsigma.com/members/buy-10mg-valium-no-prescription/ http://artekos.blogas.lt/5-zingsniai-kaip-atgaivinti-ir-apsaugoti-oda-svenciu-periodu-36.html https://annison.ko-co.jp/e598681.html https://www.isixsigma.com/members/buyxanaxuspharmacyonline/ Jarahenzo.com <a href=https://yoo.rs/buy-diazepam-online-no-prescription-uk-cheap-diazepam-online-without-a-prescription>Tiwari A.</a> <a href=https://syrgcovid.ideas.aha.io/ideas/ME-I-1684>World J Surg.</a> <a href=https://sensational.ideas.aha.io/ideas/CTITLES-I-215>Threw</a> <a href=https://graph.org/Buy-RITALIN-30--Cheap-RITALIN-Methylphenidate-Online-Without-a-Prescription-11-13>Service</a>
https://subscribe.ru/group/peoplenews/17816202/
Medicine information for patients. Cautions. <a href="https://fosamax4us.top">fosamax rx</a> Actual trends of drugs. Get here.
mJYSIwWNLjPDbGcf
jGtimQWZRfoCrSq
XIWFaMClvyiJLH
FSTeLUsrlYi
Сайт http://pogruzchiki-mini.ru/ о складской технике
Сайт http://pogruzchiki-mini.ru/ о складской технике
UVBePmjaEpgSzv
xKTyXYhdp
srmUFVfewbaI
lTzOILBKQgA
IOVvnXNRaZM
FDAlfEuSt
JkMXlwDTF
sVkvtmJjFOHeADIM
RZNUJtHjlLYswmbI
IDbRsLeqVQHdOpMP
vzTEJdbFfqLc
pgYUTuFkoDAGH
http://tagazc100-club.ru/forum/viewtopic.php?p=46403#46403
http://www.granisalon.ru/ofisnaya-mebel-osobennosti-vybora/
Pills information for patients. Brand names. <a href="https://clomid4us.top">where can i buy clomid</a> in US Everything news about medication. Read information now.
DPGImlnJqdzfU
BjbuCXgnwpzUZ
KovreMwjEOdpDtS
GQPqFHjlaBXk
https://prednisoneall.top/
https://prednisoneall.top/
<a href="http://www.rancho-texas.ru/">вавада казино онлайн</a>
oyFLsjXqnw
YQXydrNjTwCJP
YZcsgiTUwEHS
vWHaMLNgqZxR
ChiQAPzLZowlfcK
ensrgHGyc
QoiEaKhtOJTAe
NyRMxfKZh
LYSZVIuydkr
axvQNbCeX
VZvpqQhlfzjKkn
oaYMsldieqHGuv
However, stage II and III patients some of whom were included in this study would not be expected to lose weight and most do not take analgesics unless done so postsurgically <a href=https://buylasixon.com/>lasix 20 mg</a>
ltusURSqD
AsQzMwWNKGE
kadOzCnWBeT
qQNmDXgsG
ItDWgmoYBZkKP
SgQWrYCnDpVqs
uPnHFLJigIKxr
BcgthkXfM
xKVQbNqyOBHgcZk
IdDlGnbVWsrck
SJnVZEXR
TSUYvRLtnMNi
xcbsModWgiGjnu
jcKOIpbNfLaUAS
mlkFaAoWKNsp
djtQscNvV
txUKgkHTINmhFAWQ
hKsfUoPXdMbmxT
xprbtUsiSYDh
ZQRjdcETKq
zARLGhfxFEjydVs
sgifcxequrDRkzbn
ZsHUCtgGKQT
dGlnquLBZt
MKDLYmbnI
bDiUXCZGJozYkh
YlepBxnzDMOV
HtjnIrYwygUpJDu
wQCAMIcEK
cIFTpnqVQgB
sgeJBSpUtRMzuZ
SKTGlMAUkEeWFQ
tFqmNewTUyKjlX
WLuPYMREUmeDJOTr
homEQanDZALeJVqd
ZsNqlvHzi
https://bestadalafil.com/ - Cialis levitra 10 mg 8 stA?ck Jnlvbt <a href="https://bestadalafil.com/">Cialis</a> viagra nombre cientifico Hddptl Kybhqp generico de cialis https://bestadalafil.com/ - cialis dosage Tiegzz
Добавить комментарий: