我一直在做一个网站,我们已经设法将页面加载的总内容从 13.7MiB 减少到 2.4,但页面仍然需要很长时间才能加载。
这是一个 joomla 站点 (ick),它有很多冗余的 DOM 元素(主页有 2000 多个),每页加载 60 多个 HttpRequest,计算所有的 css、js 和图像请求。与 drupal 不同,joomla 不会即时合并它们,它们必须保持独立,否则 joomla 组件会出错。
我可以做些什么来缩短加载时间?
我做过的事情:
- 为具有大图像作为背景的 dom 元素添加颜色,以便加载颜色,然后加载图像
- 将过大的图像缩小为更小的文件大小
- 将 DOM 元素从约 5000 个减少到约 2000 个
- 在页面开头加载 CSS,在末尾加载 javascript
- 不太可能,joomla 会注入(inject)它自己的 javascript 和 css,并且它总是在标题处执行。
- 精简了大部分 javascript
- 在服务器上设置缓存和压缩
未缓存大小为 2.4MB,缓存大小为 ~300KB,但即使有这么多 dom 元素,页面也需要花费大量时间来呈现。
我还能做些什么来缩短加载时间?
最佳答案
查看这篇文章。
http://www.smashingmagazine.com/2010/01/06/page-performance-what-to-know-and-what-you-can-do/
如果链接被删除或丢失,提到的工具是:
- YSlow(来自雅虎)
- Google 的页面速度
- AOLs 网页测试
- Smush.it(图片压缩工具)
关于html - 减少加载时间,或让用户认为加载时间更少,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2510963/