css样式加载慢,怎么解决。求大神帮忙!

在开发时遇到了一个问题,正常打开一个jsp页面 没什么问题,但是按住Ctrl+F5 刷新时,发现页面css样式要在几秒之后才会加载上,想问一下为什么?怎么解决呢?有点像网速慢的时候,页面只显示内容 没有css样式,感觉非常乱。

提高网站页面的加载速度的方法其实有很多,那本文主要从下面四个角度进行讨论,分享常用的提高网页加载速度的技巧:
一、网页压缩技术
对于网页压缩而言,相信各位站长都比较熟悉,主要是启用服务器Gzip,对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的加载速度。
二、Css优化
(1)css位置
CSS说明如果出现在<body>后,页面需要重新渲染,打开速度受到影响。所有css定义代码的位置要放到网站<body>之前。
(2)css sprite技术
网站上的一些图片可以采用css sprite技术进行合并,减少加载请求次数,从而提高网页的加载速度。
(3)css代码优化
通过对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技巧来简化css代码,减小css文件的大小。
三、JS优化
(1)JS位置
网页代码中对js进行优化的时候,建议将JS放在页面最后,这样可以加快页面打开速度。
(2)合并JS
合并相同域名下的js,通过减少网络连接次数从而提高网页的打开速度。
(3)LazyLoad(延迟加载)技术
Lazy Load是一个用JavaScript 编写的 jQuery 插件,它可以延迟加载长页面中的图片。在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。
四、缓存静态资源
通过设置浏览器缓存,将css、js等不太经常更新的文件缓存在浏览器端,这样同一访客再次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不必每次都从服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约服务器流量。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-09-05
是不是你好CSS文件放在页面的最后,还有是不是你的CSS文件太大了,太多没用的东西!
第2个回答  2013-09-05
把css 样式放head 里面 其他比如js 什么都放后面就可以 因为网页加载是顺次进行的
第3个回答  2013-09-05
1:检查下,样式是不是放在头部
2:把CSS代码精简下
第4个回答  2013-09-05
可能是您的CSS太复杂了吧。精简点吧

css样式加载慢,怎么解决。求大神帮忙!
(2)css sprite技术 网站上的一些图片可以采用css sprite技术进行合并,减少加载请求次数,从而提高网页的加载速度。(3)css代码优化 通过对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技巧来简化css代码,减小css文件的大小。三、JS优化 (1)JS位置 网页代码中对js进...

求助一个页面问题,为什么css加载慢
其次如果CSS文件是在自己服务器上的,那请检查CSS样式代码里是否调用了外部文件,一般情况下加载过慢都是调用了外部文件,比如调用了谷歌的字体,那个字体文件是在别人服务器上的,那加载肯定就慢了,删除那段调用外部的代码就可以了。

css加载失败如何解决
1.网络原因IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败的原因之一。解决办法:更换网络、刷新缓存2.路径错误网页打开时,没有显示CSS设定的样式,只以原始状态显示。那么就可能是我们CSS文件路径出错。解决办法:引用正确的css路径3.if造成失败我们编在写CSS时,可能使用了if判断语句...

有什么办法优化加载csb的速度
多图像的网站加载时间比较久。其中一个解决方法就是把多个图像整合到少数几个输出文件中。你可以使用 CSS Sprites 来整合图像文件。这样就减少了在下载其他资源时的往返次数和延迟,从而提高了站点的速度。9. 压缩CSS和JavaScript 压缩是通过移除不必要的字符(如TAB、空格、回车、代码注释等),以帮助减少...

CSS页面加载失败的原因有哪些
浏览器缓存过多造成空间不足,IIS空间不足等网络因素也可能是造成CSS加载失败的原因。(4)编码问题检查CSS文件中的字符集是否与我们调用的CSS文件的网页的字符集是否一致,也就是charset属性那里。比如使用IE浏览器进行浏览效果的时候,可在菜单栏上的“查看--编码,上查看上面UTF-8或者GBK是不是同一个...

网站速度优化怎么做,常见方法分享!
1、压缩文件网站中的图片、CSS、JavaScript等文件占用的空间往往非常大,会导致网站速度变慢。为了解决这个问题,可以使用压缩工具将这些文件压缩。常见的压缩工具有Gzip、Deflate等。2、减少HTTP请求当浏览器访问网站时,它需要下载网站中所有的资源,包括图片、CSS、JavaScript等文件。每一个文件都需要发起一...

为什么网页会出现这种情况 如图 有什么解决方法吗 我用的火狐浏览器_百...
如果不是网站本身设计出问题,就是自己网速慢,CSS样式表文件没有加载完,页面显示就是这样子。解决办法:按F5刷新 等一段时间网页全部下载完,CSS样式表下载完成后,刷新网页即可,也可以尝试兼容性按钮试试,可能某些网站在一些不同的浏览器中显示效果不一样!

企业建网站如何解决页面加载速度问题
1、熟练使用浏览器这一点是从用户自己的角度出发的,不能排除有时用户在网站上打开的页面过多,导致浏览加载速度缓慢。如果这个网站值得你关注,那么你不妨试试这个办法,将浏览器设置为自动缓存,以便在重复打开已浏览或正在加载的页面时可以快速检索这些页面,而不必担心要查看的内容加载缓慢。2、优化网站...

网页经常加载不全,要刷新好几次才能全部加载出来
这是层叠式样式表也就是CSS没有加载上 有可能是网速慢导致的 或者你同时开了很多程序占用了很多带宽 希望能帮到你

如何解决CSS JS和图片对网站加载速度的影响
(1)指定图像尺寸加载图像之前,您的浏览器开始渲染页面。制定图像尺寸,有助于它环绕不可替代的元素。如果没有制定尺寸,一旦图像被下载您的浏览器将回流,为了做到这个,笔者建议在< IMG 元素使用高度和宽度标签规格。注意不要使用尺寸缩放功能的图像,因为用户仍然还是需要下载原始文件的大小,笔者认为,...

相似回答