2014-09-11 36 views
0

我有一个创建单页网站..有很多图像和背景(100-400)的网络平台。 正如你可以猜测它加载非常缓慢(如果浏览器缓存被禁用)。这些页面主要是宣传材料,所以它们一般只能打开一次(所以浏览器缓存不起作用)。针对具有数百个图像的网页的优化

我对前端没有太多的访问权限,它不是一个页面,而是一个生成内容的平台,所以我需要某种服务器解决方案。

懒惰加载是不可能的,我们有一些自定义推迟加载一半的图像。

我们在生产中使用CDN *服务器,但它不会产生很好的效果(至少对于单个用户而言)。

是否有一些通用的解决方案配置来帮助这种情况?
像apache优化为图像优先, 在一个(几个)请求中压缩所有的图像。

+0

您的意思是CND或CDN? – 2014-09-11 09:17:14

+0

你可以使用很多技巧。压缩。与精灵联系,交换可以对CSS做什么。另外一些可以预设的“加载img”插图可以给人速度的印象,这通常与实际速度一样重要。哪个页面还需要加载400个图像?我考虑得越多,你是否尝试过一些搜索引擎给你的建议? – 2014-09-11 09:24:29

+0

你压缩了所有的图像吗?您也可以选择较轻的图像并输入一个请求,或将请求数量限制为秒。 – 2014-09-11 09:24:33

回答

1

如果(进一步?)懒惰加载是不可能的,您可以将图像行绑定到单个图像中以用作精灵,并使用CSS backgroundbackground-position属性显示它们。

这会减少所需的下载次数,但它会在服务器端需要更多的处理和存储空间。

+0

大多数图像是从主持人部署的,因此这类精灵是不可能的。 – 2014-09-11 11:06:23