Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 响应性网络设计-性能优化_Html_Css_Optimization_Responsive Design - Fatal编程技术网

Html 响应性网络设计-性能优化

Html 响应性网络设计-性能优化,html,css,optimization,responsive-design,Html,Css,Optimization,Responsive Design,我的新网站现在终于完成了,在我测试过的大多数设备上运行都很顺利。我唯一优化的是代码,所以我删除了所有.css和.html文件中的所有注释和其他不必要的行。但除此之外,我还能做些什么来优化专为移动contextes设计的网站 这里你可以看到(所有图片只用于演示):你考虑基于互联网连接速度或设备或两者来改变正在被服务的浏览器。例如,在移动设备上查看网站时,提供较小的图像。这将加快加载时间。请查看自适应图像以执行此操作: 除此之外,尽量减少加载的文件数量也是一个好主意。例如,1个jQuery/java

我的新网站现在终于完成了,在我测试过的大多数设备上运行都很顺利。我唯一优化的是代码,所以我删除了所有.css和.html文件中的所有注释和其他不必要的行。但除此之外,我还能做些什么来优化专为移动contextes设计的网站


这里你可以看到(所有图片只用于演示):

你考虑基于互联网连接速度或设备或两者来改变正在被服务的浏览器。例如,在移动设备上查看网站时,提供较小的图像。这将加快加载时间。请查看自适应图像以执行此操作:

除此之外,尽量减少加载的文件数量也是一个好主意。例如,1个jQuery/javascript文件。您还可以尝试缩小所有javascript文件(如果您真的愿意,还可以缩小CSS),以减小文件大小并缩短加载时间。如果您打算在将来再次修改这些文件,则必须保留未压缩的备份。 退房:


另一件事,你可以确保你正在做的是使用图像精灵。这样可以减少正在加载的图像文件的数量。这不适用于自适应图像,因此我发现最好仅将精灵用于徽标和图标之类的对象。

Firebug“页面速度”提供了许多优化选项。你可以试一试。

这个问题似乎离题了,因为它是关于。