html - 减少加载时间,或让用户认为加载时间更少

标签 html css joomla user-experience

我一直在做一个网站,我们已经设法将页面加载的总内容从 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/

相关文章:

当屏幕尺寸较小时,Javascript 将链接添加到移动菜单。不再有效。

html - 为什么一个 div 不会进入另一个 div?

joomla - 在遗留类或 native 类中构建新的 joomla 组件?

html - 如何垂直对齐列表或 div 中的图像?

html - 即使在我将 br 和 hr 放在图像之后,图像也会覆盖我的内容

javascript - Bootstrap 下拉菜单总是想要强制 Accordion 风格

javascript - 缩小时 Logo 位置发生变化(CSS/Angular4+)

javascript - 预加载器问题,预加载器不在页面顶部

Joomla 管理员重定向到公共(public)站点

html - 如何为 Html.TextBoxFor 创建正确的 .css