CSS写法性能
作者：zishu 来源：zishu博客 发布时间：2009-05-28 19:09:00
标签：css,浏览器,写法,性能
以前写过《 10条影响CSS渲染速度的写法与建议》，今天放些数据出来，供参考；
首先说明一点，CSS对网页的最后渲染出来的速度影响非常的小，全是毫秒级别的，一个百K左右的网页，加上CSS最多也就是多了100个毫秒而已。很多优化都是在这100个毫秒里产生的，正常的写法是100个毫秒，但不合适的写法，会增大这100个毫秒，严重时可能会让浏览器死掉。今天放出来的这些数据是和《10条影响CSS渲染速度的写法与建议》里边有关的几条：
* 图表中的数字单位是毫秒；
3、一个页面上少用绝对定位
这样的写法，如果在ubuntu下测试，我百分百保证，一定会让浏览器死了！
4、background 背景图片的平铺
尽量别让背景循环，当然也要看是什么样的图片。
6、CSS的路径别太深；
8、别放空的的class或没有的class在HTML代码中；
这个有影响，但不是非常的大。
9、float 的应用
这个非常历害，用不好，会很伤。
------------------------------
以上是部分的数据，测试用的是大文件，多次取值求均的结果，自已写了个小工具，跑跑还可以！
其它给我最大的感觉就是IE6的表现真的非常的好，我不清楚为了什么很多人还在骂IE6，看一看数据就知道IE6有多好了，自已用着心里也应该清楚，哪个快！ ：）
0
投稿猜你喜欢
在 MySQL 中，可以使用 ALTER TABLE 语句来添加表字段。以下是一些示例代码，可以批量添加多个字段：1 m- 使用TensorFlow的一个优势是，它可以维护操作状态和基于反向传播自动地更新模型变量。 TensorFlow通过计算图来更新变量和最小化
- xpath表达式1. xpath语法<bookstore><book> <title lang="e
- python爬虫学习之定向爬取淘宝商品价格，供大家参考，具体内容如下import requestsimport redef getHTMLT
- 在为一个项目添加权限时，遇到一个问题，就是为项目所有的url设置权限，但是一个一个手动输入太麻烦了，所以考虑用代码获取到一个项目所有的url
- 本文实例讲述了Python实现对不原生支持比较操作的对象排序算法。分享给大家供大家参考，具体如下：问题：想在同一个类的实例之间做排序，但是它
- 项目技术：webpack + vue + element + axois (vue-resource) + less-loader+ ...
- Selenium 封装了现成的文件上传操作。但是随着现代前端框架的发展，文件上传的方式越来越多样。而有一些文件上传的控件，要做自动化控制会更
- isnumeric()方法检查字符串是否仅由数字组成。这种方法只表示为Unicode对象。注意：要定义一个字符串为Unicode
- 本文实例讲述了Python使用scrapy抓取网站sitemap信息的方法。分享给大家供大家参考。具体如下：import refrom sc
- Reflect对象是一个全局的普通的对象。Reflect的原型就是Object.我们首先来验证下 看看Reflect的原型是否是Object
- 很多时候，由于程序设计需要，要求在asp的include包含文件里调用动态的文件。如<!--#include file=&q
- 一、基于socket实现的TCP客户端import socket # 建立socket对象# 参数一表示IP地址类型（AF_INE
- 前言很多前人曾说过，深度学习好比炼丹，框架就是丹炉，网络结构及算法就是单方，而数据集则是原材料，为了能够炼好丹，首先需要一个使用称手的丹炉，
- Python中怎么使用第三方模块？在Python可以在代码中导入模块，然后就可以使用第三方模块了。import 语句想使用Python源文件
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
- 以 s := []int{0, 1, 2, 3, 4, 5, 6, 7, 8, 9}为例0. 建议：做slice截取时建议用两个参数，尤其是
- PyQt的使用与pycharm的结合环境安装pip install pyqt5 -i https://pypi.tuna.tsinghua.
- 一.执行代码yum install xz-devel yum install python-backports-lzmapip3 insta
- 导语hello everyone! I'm kimiko!Miss me???嘿！中秋结束了，开始正式营业给大家继续送福
