单个响应式网页的合理尺寸是多少答案

【问题标题】：What is the reasonable size for a single responsive web page单个响应式网页的合理尺寸是多少
【发布时间】：2015-07-26 21:19:08
【问题描述】：

我正在开发一个网站，该网站旨在包含大量大图像，如background。

我也在使用media-query，因为它应该是响应式的，并且每个屏幕尺寸都有不同的背景。图片本身的总大小为 10MB，不包括可能文件最多 300KB 的小图片。

scripts（引导程序、jQuery 和自定义 js）、styles（引导程序和我的自定义 css）和HTML 仅小于 1MB。

总之，我正在加载一个或多或少的 11MB 网页，这只是索引页面。资产已经压缩并放置在我服务器上的 CDN 中。

我的问题是，当有人第一次访问该网站时，加载页面需要太多时间，特别是当访问者的互联网连接速度低于标准速度时。加载整个页面几乎需要超过 20 秒，在更糟糕的情况下超过一分钟，显然有问题。

单个网页是否有合理或标准的尺寸可供遵循？我也在使用symfony2，也许有一个插件或类似的插件可以帮助我。

顺便说一下，这里是网站。 LINK 谢谢。

【问题讨论】：

20 秒太长，您可能会失去用户。但是网站看起来不错。我在滚动你的页面时有一点延迟。可能，最好考虑减小图像尺寸。顺便说一句，我花了 10 秒来加载，总是取决于你的速度
很棒的网站伙伴！ :)
@SaidKholov 感谢您的反馈。是的，我认为互联网速度始终是一个重要因素。我正在重新编码此页面，希望能更快地完成任务。谢谢。
@GuruprasadRao 谢谢哥们。：）我很高兴你喜欢它。 :)
@GuruprasadRao 深入挖掘，您可能也喜欢该应用程序。 :D

【解决方案1】：

11MB 对于任何单个网页来说都太大了。但是，只需进行一些调整，您就可以从 Symfony 中获得更好的性能。

您现在可以做的一件事是使用 Assetic 来管理您的资产文件，并在将它们发送给客户端之前将它们缩小。

另外，请确保 APC 正在您的服务器上运行。您可以检查<?php phpinfo(); ?> 的输出并在页面上搜索“APC”，或者在命令行上运行php -i | grep apc。

也有在线图像优化器，只需谷歌“图像优化器”，您就会发现每种图像类型都有很多。（我不能发布链接，因为这个网站不允许我发布超过两个）。

参考

【讨论】：

在我上传资产之前，它们已经被缩小并且资产不是什么大问题，图像是。这个 APC 有什么作用？而且图像已经优化，我使用了 PNGYU 我希望找到一些技巧来让它更快，因为我不能降低现在的图像质量（压缩）和页面的设计。
APC 是一个 PHP OpCode 缓存。它使 PHP 运行得更快。另外，您可以HTTP Cache 一起绕过 php 框架，因为您的网站似乎没有太多动态元素。
我检查了它并且它正在运行。
您可以通过从您自己的separate CDN 加载它们来获得更小的资产......它们（很可能）已经缓存在您用户的浏览器上。