CSS 规则在加载 HTML 内容后应用
CSS rules applied after HTML content is loaded
我有一个适用于移动设备的网络应用程序。
它是一个单页应用程序，因此它使用了一个相当大的索引文件以及 3 个巨大的 CSS 文件。
在某些页面中，CSS 规则在内容加载后应用，这意味着我可以在表单字段仍未设置样式时短暂地看到它们。
我该怎么做才能解决这个问题？让我知道是否应该提供一些代码。
我正在使用 Kendo 手机 UI 和 AngularJS.
您需要加快页面加载时间。
CSS 个文件：
- 尽量避免拥有 3 个 CSS 文件。 3 CSS 个文件意味着 3 个 HTTP 请求。如果您需要保持这种方式来组织文件，那很好。
- 避免在 CSS 文件中使用“@import”
- 缩小您的 CSS 文件。您可以使用 Online Minify Tool 在线执行此操作，也可以使用多个库以编程方式执行此操作。
- 在文档顶部的
<link> 标签中加载 CSS 样式。
JS 文件：
- 在文档底部加载您的 JS 文件
- 缩小你的 JS 文件。您可以使用 Online Minify Tool 在线执行此操作，也可以使用多个库以编程方式执行此操作。
图片：
- 尝试使用 PNG8 而不是 GIF 图片
- 尽可能使用高质量 (60%) 的 JPEG
- 尝试通过在一个图像文件中组合多个图形来使用 CSS 精灵。这将减少 HTTP 请求的数量。
- 如果您希望它们在调用 JavaScript 函数或处理某些内容之前显示，请使用 JavaScript 预加载图像。
如果您愿意花一些钱来大幅缩短加载时间，请考虑使用 CDN（内容分发网络）。我使用过 Amazon Web Services CloudFront，它的设置非常简单。您将 CSS、JS 和图像文件放在那里，它们会被复制到世界各地（在所有亚马逊服务器上），这将缩短页面加载时间。这是一个 "Pay Per Use" 系统，因此您可以随时决定停止使用此服务。
我有一个适用于移动设备的网络应用程序。
它是一个单页应用程序，因此它使用了一个相当大的索引文件以及 3 个巨大的 CSS 文件。
在某些页面中，CSS 规则在内容加载后应用，这意味着我可以在表单字段仍未设置样式时短暂地看到它们。
我该怎么做才能解决这个问题？让我知道是否应该提供一些代码。 我正在使用 Kendo 手机 UI 和 AngularJS.
您需要加快页面加载时间。
CSS 个文件：
- 尽量避免拥有 3 个 CSS 文件。 3 CSS 个文件意味着 3 个 HTTP 请求。如果您需要保持这种方式来组织文件，那很好。
- 避免在 CSS 文件中使用“@import”
- 缩小您的 CSS 文件。您可以使用 Online Minify Tool 在线执行此操作，也可以使用多个库以编程方式执行此操作。
- 在文档顶部的
<link>标签中加载 CSS 样式。
JS 文件：
- 在文档底部加载您的 JS 文件
- 缩小你的 JS 文件。您可以使用 Online Minify Tool 在线执行此操作，也可以使用多个库以编程方式执行此操作。
图片：
- 尝试使用 PNG8 而不是 GIF 图片
- 尽可能使用高质量 (60%) 的 JPEG
- 尝试通过在一个图像文件中组合多个图形来使用 CSS 精灵。这将减少 HTTP 请求的数量。
- 如果您希望它们在调用 JavaScript 函数或处理某些内容之前显示，请使用 JavaScript 预加载图像。
如果您愿意花一些钱来大幅缩短加载时间，请考虑使用 CDN（内容分发网络）。我使用过 Amazon Web Services CloudFront，它的设置非常简单。您将 CSS、JS 和图像文件放在那里，它们会被复制到世界各地（在所有亚马逊服务器上），这将缩短页面加载时间。这是一个 "Pay Per Use" 系统，因此您可以随时决定停止使用此服务。