页面加载顺序问题_html/css_WEB-ITnose-html教學-PHP中文網

页面加载顺序问题_html/css_WEB-ITnose

WBOY

發布： 2016-06-24 12:19:20

原創

1473 人瀏覽過

不知道童鞋们有没有碰到这种情况：在网速比较慢的时候，网页上所有的文字都聚集到屏幕最中间了，加载到css以后才会正常显示，求支持

回复讨论(解决方案)

有遇到过啊。因为网速慢，相关CSS未能下载，页面就以基本的HTML流进行渲染了

楼主的“求支持”是什么意思？
是要别人解决这种问题还是支持你的观点？

确实有遇到过这么种情况，所以把CSS的引入放到页面最上面，尽量压缩。

优化，压缩你的css文件，10K以下，压缩后2-3K比较可以接受。

就是这种情况下有什么好的解决方案没有哇

确实有遇到过这么种情况，所以把CSS的引入放到页面最上面，尽量压缩。是放在页面最上面的，可以css引用得比较多（几个文件），大小都不大的

楼主的“求支持”是什么意思？
是要别人解决这种问题还是支持你的观点？肯定是有求解决方法了

压缩什么的上面都说了。另外还有一点，别用@import这样的方法加载多个文件。用link方法加载css的时候，浏览器能并行下载，速度就快多了。

合并css文件，并优化。这样只要发起一个请求就搞定，多次请求肯定慢的。

引用 2 楼 shn11160 的回复:楼主的“求支持”是什么意思？
是要别人解决这种问题还是支持你的观点？肯定是有求解决方法了
如果维护起来不是很复杂，就把这些CSS文件内的样式嵌入到HTML内head标签
中的style标签里，比如：

<!DOCTYPE html><html>   <head>      <meta charset=“utf-8"/>      <title>index</title>      <style type="text/css">      /*------------把CSS写在这里----------------*/      </style>   </head>    <body>      <!-- HTML -->   </body></html>

登入後複製

网络延迟的问题

网络延迟的问题
我也知道是网络延迟的问题，问题是我需要在网络延迟的情况下避免出现这种情况

明天结贴，多谢大家的回答，下班先

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

页面加载顺序问题_html/css_WEB-ITnose

回复讨论(解决方案)