我正在尝试优化使用“特色图片”的网站。当我转向某些分析工具时,他们会说我正在加载比缩略图所需的图像大得多的图像。
这是因为WordPress对全尺寸图片和缩略图都使用相同的URL。结果是WordPress将两次下载大图片,然后将其缩小以适合缩略图。
这附近还有吗?例如,是否有某种方法可以为指向较小图像文件的缩略图输入不同的URL?
谢谢
答案 0 :(得分:0)
首先,它与WordPress无关,而与您使用的主题有关。 默认情况下,WordPress功能如下:
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail("full")
}
?>
将返回如下内容:
<img width="1500" height="1276" src="path" class="post-img-full wp-post-image" alt="" srcset="path 1500w, path-300x255.jpg 300w, path-768x653.jpg 768w, path-1024x871.jpg 1024w, path-1080x919.jpg 1080w" sizes="(max-width: 1500px) 100vw, 1500px">
这是非常正确和现代的。您会看到,它不仅对每个缩略图使用不同的路径,而且图像的改变取决于屏幕宽度。 这里的“路径”应该是真实路径
答案 1 :(得分:0)
首先在functions.php中为特色图片添加新尺寸
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'special', 250, 150,true );
}
通话第二阶段的特色图片
<?php $img = wp_get_attachment_url( get_post_thumbnail_id($post->ID),'special' ); ?>
<img src="<?php echo $img ?>" />