从三方面加速CSS样式作用网页速度

Nadia丫丫

Nadia丫丫

2016-02-19 23:12

今天图老师小编给大家展示的是从三方面加速CSS样式作用网页速度,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

最近学校的网络越来越慢了,浏览网页时经常出现裸奔的现象,于是我就想如何可以尽量避免这一问题,现把自己的一些思路写出来,以供大家参考:

在我们无法更换服务器或提高服务器速度的情况下,要想让我们的页面不"裸"在用户面前,只能从缩小页面、减少HTTP请求和提高客户端速度等方面来想办法。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

1.缩小页面:利用(X)HTML+CSS方式搭建网站结构,并使用程序自动压缩CSS和JS文件;

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

2.减少HTTP请求:(1).由于客户端每显示一张图片都会向服务器发送请求,所以在使用图片时能少则少,能合则合,譬如文本编辑器中的小图标或鼠标事件出发的切换图片都可以用一张图解决,不过你可能会有这样的疑问:图片的合并不是又导致图片过大影响下载了吗?其实这样的顾虑在网络不是特别慢的情况下是多余的,因为在200K以内的图片,并不会明显感觉下载变慢了;(2)这点是我想着重强调的,即适当地仅将关于版快的CSS设为外部链接,例如可以把CSS划分成四类:基本设置CSS、版快划分CSS、公用版快CSS、特色版快CSS,而其中的基本设置和版快划分所用到的CSS就可以在内部直接引用,这样既可以减少了HTTP请求,又避免了页面彻底裸奔;(3).分离逻辑层和结构层,即把后台代码从XHTML中独立出来,这点在.net中就得到了很好的实现,这样就优先载入页面结构以及结构图片,后一步载入当前页面数据;

3.提高客户端速度:关于这点的解决方法主要就是针对JS的编写了,而我对JS的理解不是太深,就不多说了,只说两个需要注意的小点:尽可能的少用索引访问,尽量不要使用appendChild方式。

展开更多 50%)
分享

猜你喜欢

从三方面加速CSS样式作用网页速度

Web开发
从三方面加速CSS样式作用网页速度

男人抗衰老从三方面入手

抗衰老 男人养生
男人抗衰老从三方面入手

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

三方面认识流产

孕期
三方面认识流产

春季怎样排毒 从三方面抓起

春季养生 养生 健康
春季怎样排毒 从三方面抓起

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

春季养肺可从三方面入手

春季养生
春季养肺可从三方面入手

6个月宝宝早教从三方面进行

分娩
6个月宝宝早教从三方面进行

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

看懂《CSS hack浏览器兼容一览表》

看懂《CSS hack浏览器兼容一览表》

CSS盒模型制定网页的宽度和高度的原理

CSS盒模型制定网页的宽度和高度的原理
下拉加载更多内容 ↓