清风细雨楼

从三方面加速CSS样式作用网页速度
网页制作 2024/12/23 佚名
3 1
清风细雨楼 Design By www.eepep.com

最近学校的网络越来越慢了，浏览网页时经常出现裸奔的现象，于是我就想如何可以尽量避免这一问题，现把自己的一些思路写出来，以供大家参考：
在我们无法更换服务器或提高服务器速度的情况下，要想让我们的页面不"裸"在用户面前，只能从缩小页面、减少HTTP请求和提高客户端速度等方面来想办法。
1.缩小页面：利用(X)HTML CSS方式搭建网站结构，并使用程序自动压缩CSS和JS文件；
2.减少HTTP请求：(1).由于客户端每显示一张图片都会向服务器发送请求，所以在使用图片时能少则少，能合则合，譬如文本编辑器中的小图标或鼠标事件出发的切换图片都可以用一张图解决，不过你可能会有这样的疑问：图片的合并不是又导致图片过大影响下载了吗？其实这样的顾虑在网络不是特别慢的情况下是多余的，因为在200K以内的图片，并不会明显感觉下载变慢了；(2)这点是我想着重强调的，即适当地仅将关于版快的CSS设为外部链接，例如可以把CSS划分成四类：基本设置CSS、版快划分CSS、公用版快CSS、特色版快CSS，而其中的基本设置和版快划分所用到的CSS就可以在内部直接引用，这样既可以减少了HTTP请求，又避免了页面彻底裸奔；(3).分离逻辑层和结构层，即把后台代码从XHTML中独立出来，这点在.net中就得到了很好的实现，这样就优先载入页面结构以及结构图片,后一步载入当前页面数据；
3.提高客户端速度:关于这点的解决方法主要就是针对JS的编写了，而我对JS的理解不是太深，就不多说了，只说两个需要注意的小点：尽可能的少用索引访问，尽量不要使用appendChild方式。
清风细雨楼 Design By www.eepep.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
清风细雨楼 Design By www.eepep.com
www.eepep.com 清风细雨楼
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
清风细雨楼 Design By www.eepep.com