目标:所有图像在第一次加载时显示。
CURRENT:如果幸运的话,首次加载时会出现两到三张图像;要求页面重新查看所有图像。
这是我手头写的第一个网站。客户是设计师,所以质量图像很重要。性能和速度对我来说很重要,因为我现在在我的组合中,我不能接受部分功能的网站作为我的工作。
这是一个示例页面:
http://elisamantovani.com/pages/book_design.html
查看其他页面。同样的问题。
更新:
许多人建议减少图像文件大小。无论如何,只有少数图像很大,但现在他们都很好。没有图像大于200kb,大多数图像检查< 100kb。问题依然存在。 Google正在提出阻止页面呈现的其他原因,例如渲染JS / CSS。 CSS应该阻止渲染直到加载,但不应该花费很长时间加载。我希望如果jQuery可以等到HTML / CSS呈现之后才可以。 刚进入缓存控制。添加到.htaccess以提高性能一点,但这只会在第一次加载后有所帮助,但需要首先加载。
# One year for image files <filesMatch ".(jpg|jpeg|png|gif|ico)$"> Header set Cache-Control "max-age=31536000,public" </filesMatch> # One month for css and js <filesMatch ".(css|js)$"> Header set Cache-Control "max-age=2628000,public" </filesMatch>