我正在尝试指定我网站上某些图像的尺寸以优化页面速度。我正在为 Wordpress 使用 Pagelines Pro 主题,我尝试添加此自定义 CSS 来定义 img 大小,但谷歌的页面速度似乎没有考虑到这一点。我可以自己设置 img 标签的宽度和高度,但我不确定如何(或在何处)执行此操作,因为我使用 CloudFront 作为我的 CDN。
任何指导将不胜感激。
对于我的具体示例,这里是详细信息。
我的网站:http://www.mybringback.com
我正在尝试指定左上角品牌 Logo 的 img 大小。
我通过添加这个自定义 css 来尝试这个:
.navbar .plbrand img {height:27px;width:160px;}
但是,PageSpeed 无法识别此更改: http://gtmetrix.com/reports/www.mybringback.com/BI93pLK1
最佳答案
CSS 图像大小仍然抓取完整尺寸的图像,它只是将完整尺寸的图像缩小到您设置的尺寸,因此当然 Google 不会看到页面速度增加。
您必须考虑使用 WordPress 的内置 image cropping/resizing functions
编辑:
对于您的情况,我认为它正在寻找内联属性。 `
关于html - 在 Pagelines Pro Wordpress 主题中指定 <img> 的图像尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12851926/