【问题标题】:Page load looks ugly before css comes in [closed]在css出现之前页面加载看起来很丑[关闭]
【发布时间】:2024-01-17 05:10:01
【问题描述】:

如何改善此页面上的页面加载? http://designwebs.co.uk/griffiths/news-6/

基本上在加载 css 之前,页面看起来不是很漂亮。

任何帮助将不胜感激,谢谢。

【问题讨论】:

  • 顺便说一句:当我打开您的网站时,我收到此 JavaScript 错误 ReferenceError: jQuery is not defined :-)
  • 谢谢,你知道是什么意思吗?
  • 在你的脚本theme_scripts.js104 行中有定义的 jQuery,它不知道这个 jQuery...

标签: css load


【解决方案1】:

一些一般提示:

  1. 最小化你的 CSS。
  2. 将您的 css 合并到一个文件中(使用服务器端实用程序)。
  3. 与您的 javscripts 相同。

并使用预加载器。这将显示一个加载图标,直到您的全部内容加载完毕

http://niklausgerber.com/blog/preloadme-a-lightweight-jquery-website-preloader/

【讨论】:

    【解决方案2】:

    当你有一个大的 CSS 文件时,加载它需要一段时间。

    尝试使用干净的 CSS。一些提示是文档here

    另一种选择是在加载所有内容之前显示该站点。 Here 你有一个易于理解的 CSS-Tricks 代码片段

    【讨论】:

    • 非常感谢您提供干净 CSS 的提示,我以前从未见过该工具,发现它将 css 压缩了 32%,非常棒。
    • @LyndsayMoon 我刚刚看到您的所有问题都已解决。那么你能在所有问题中标记一个接受答案吗?
    最近更新 更多