起因是客户的网站在产品详情页有很多图片,比淘宝详情页还多。然后PC端和手机端又是独立分开 的,单PC端或者手机端图片就多达40张。
如果做响应式加载的话,同时要加载80张图片。
所以我们需要的是在PC端只加载PC端的图片,在手机端只加载手机端的图片。
最好的解决方案,群里的刘小白大佬给出的标签,在官方标签中是没有的:
{pboot:if({fun=is_mobile()}==1)}
这是手机
{else}
这是电脑
{/pboot:if}这是最简单最方便的。
如果以上方案无法解决,可以使用PHP和函数来处理:
自定义两个函数:
function get_content($field) {
return '{content:' . $field . '}';
}
function get_pics($field) {
return '{pboot:pics num=200 id={content:id} field="' . $field . '"}
<img src="/static/images/loading.png" data-src="[pics:src]" class="w-100">
{/pboot:pics}';
}然后在模板中使用:
{php}
if (is_mobile()) {
// 输出手机端 HTML
echo '
<div class="wap-info">
' . get_content("ext_wapcontent") . '
' . get_pics("ext_wap") . '
</div>';
} else {
// 输出 PC 端 HTML
echo '
<div class="pc-info">
' . get_content("content") . '
' . get_pics("ext_pc") . '
</div>';
}
{/php}如果以上两个方案都无法解决,那就只有将PC端和手机端独立出来,分别制作模板了。
第一步:robots.txt 配置User-agent:GPTBotDisallow:/User-agent:ClaudeBotDisallow:/User-agent:anthropic...
起因是客户的网站在产品详情页有很多图片,比淘宝详情页还多。然后PC端和手机端又是独立分开的,单PC端或者...
给一个客户做的网站,详情页中七八十张图片。所以需要处理加载过慢的问题。现在使用懒加载的方式来处理。&l...
最近发现一些网站在复制别的文章的时候,远程本地化图片的时候不能本地化。下面来说一下如何处理这个问题:...