>  기사  >  웹 프론트엔드  >  页面加载顺序问题_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:19:201434검색

不知道童鞋们有没有碰到这种情况:在网速比较慢的时候,网页上所有的文字都聚集到屏幕最中间了,加载到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>

网络延迟的问题

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.