错误!终端不支持 JavaScript ,请打开 JavaScript 功能!

目录
内容
【教程】

前端优化技巧:缩减首屏内容的大小



编码建议

为提高网页加载速度,请限制用于呈现网页首屏内容的数据(HTML 标记、图片、CSS 和 JavaScript)的大小。 为此,您可以尝试下述几种方法:

  • 合理地构建 HTML,以便首先加载关键的首屏内容
  • 减少资源所用的数据量

合理地构建 HTML,以便首先加载关键的首屏内容

请首先加载网页的主要内容。合理地构建网页,以使来自服务器的初始响应发送必要数据,从而立即呈现网页的关键部分并暂缓呈现其余部分。 这可能意味着,您必须将 CSS 拆分为两个部分:一个负责调整内容 ATF 部分的样式的内嵌部分,以及一个可暂缓呈现的部分。

请参考以下示例,了解如何调整网站结构以提高加载速度:

  • 如果您的 HTML 先加载第三方微件,再加载主要内容,请将该加载顺序更改为先加载主要内容。
  • 如果您的网站采用的是两列式布局(一列是导航边栏,另一列是文章),而您的 HTML 先加载边栏,再加载文章,请考虑首先加载文章。

减少资源所用的数据量

  • 当经过重新设计的网站可在多种设备上正常运行并能首先加载关键内容后,请使用以下技术来减少用于呈现网页的数据量:
  • 缩减资源的大小:通过移除不必要的空格和评论来缩减 HTML、CSS 和 JavaScript 的大小。通过使用可重命名资源中变量名称的工具,实现进一步的优化。
  • 尽可能考虑使用 CSS,而非图片。
  • 启用压缩功能

打开手机扫描阅读

提示:动画按钮可以拖动并记忆位置
部分设置修改过后需刷新页面
如果过渡动画效果卡顿可关闭声音、鼠标特效

悬浮设置

系统设置

语言设置

权限设置

当天日期

2020-01-21 00:00:00

昨天日期

2020-01-20 00:00:00

明天日期

2020-01-22 00:00:00
如列表太长,手持设备滚动列表时,可在屏幕靠右侧下滑,否则将调整项目位置。