Page 1 of 1

红色表示不好,黄色表

Posted: Sat Dec 21, 2024 4:07 am
by zihadhasan017
示还可以,绿色表示非常好。很简单。 Firebug 报告 您可以做什么 以下是我发现人们最常不优化的地方。我将逐一介绍并解释如何修复它。 最小化 CSS CSS(层叠样式表;使您的网站更美观的文件)是一个经常被忽视的文件,对于任何合理的网站,CSS 文件可能包含几百到几万行代码。每个制表符、空格、额外的逗号、换行符和代码注释都会增加文件大小。虽然它们使编写代码的人更容易,但它会降低网站的速度。 未压缩的 CSS 解决方案是保留原始副本供开发人员使用,然后让他们缩小(删除所有不必要的部分)实时网站的代码。


平均可以节省 20-30%。这对于大文件来说大有帮助! Page Spe 印度尼西亚号码段 ed 有一个内置的压缩​​器,但您也可以使用CSSminifier这样的工具。 压缩后文件大小大幅减少 在最大程度压缩的情况下,您可以实现更高的节省。 压缩 JavaScript 同样,许多人忘记压缩他们的 JavaScript,所有这些空格等加起来会在大文件中占用大量空间。如今,jQuery 和 mooTools 等 JavaScript 库已经普及,情况更是如此。 PageSpeed 还具有内置压缩器,并显示节省的功能。 尽量减少文件请求 您的网站向服务器发出的获取文件请求越多,页面加载速度就越慢。


Image


因此,您发出的请求越多,加载速度就越慢。 当您(或您的团队)开始构建网站时,请考虑在哪些方面可以避免使用图像来实现效果,而改用 CSS。渐变、按钮、圆角等等就是其中几个例子。所有这些都可以使用 CSS 实现。 这还包括您对 CSS 文件和 JavaScript 文件的请求。请考虑以下内容: 大量 JS 请求 您可以看到这里有很多对 JavaScript 文件的请求。所有这些文件都可以合并为一个仅请求一次的文件。 单个 JS 请求 我们将进一步讨论如何最小化 CSS Sprites 中图像的文件请求。 利用浏览器缓存 您不仅可以最小化文件,还可以让用户浏览器缓存(或下载并使用本地副本)文件,而不必每次都重新加载。