如何在网站优化中优化浏览器渲染，多年seo云优化经验的子敬科技今天向大家讲解了关于网站优化，如何从代码上渲染浏览器，从而加快网站的速度和网站优化。
1： HTML和CSS中的图像大小规范
图像大小公式：所有图像的宽度和高度都是在网页设计中指定的，这样通过消除不必要的回流和重画可以更快地呈现网页。
当浏览器执行页面布局时，它需要可替换的元素，例如图像。在浏览器开始呈现呈现的页面之前，它会下载图像。如果包含的文档中没有指定大小，或者指定的图像与这些实际图像不匹配，浏览器将要求对下载的图像进行一次回流和重画。
为了防止回流，可以使用HTML中的所有图像img标记，也可以使用CSS中指定的宽度和高度。
2： 指定字符集
浏览器使用的字符编码？信息。屏幕上显示的字符被转换成字节流。由于浏览器无法正确呈现页面，也不知道如何构建页面的字符，因此大多数浏览器都会缓冲一定数量的字节，然后执行任何Java或呈现页面，Internet Explorer版本6、7、8是一个例外。
但是，一旦缓冲所需的字节数可用并呈现页面，如果遇到不符合默认字符集规范的输入和重画页面，则需要重新解析它们。有时可能有一个请求资源。如果存在不匹配，则外部资源的URL将受到影响。
3： 文档标题中的CSS
嵌入的样式和文档体链接元素被放置在头部，从而提高了渲染性能。
当在HTML正文中指定外部样式表和内联样式时，浏览器的呈现性能将受到负面影响。因此，外部样式表和内联样式都放在页面的顶部。通过确保首先下载并分析样式表，您可以让浏览器逐步呈现页面。
4： 避免使用CSS表达式
CSS表达式通过用其他替代品替换ie用户的浏览器来降低渲染性能。CSS表达式仅适用于Internet Explorer 5到7，并且支持CSS表达式。Internet Explorer 8中的CSS表达式已弃用，不支持其他浏览器。
从IE5开始，CSS表达式成为在响应事件中更改文档属性的一种方法。他们经常被用来提供一个动态的风格和更耀眼的效果。此外，它还可以使CSS更加紧凑和方便，实现功能和效果。
我们使用CSS表达式，比如每小时切换一个背景。
背景颜色：表达式（（newDate（））.getHours（）%2？“B8D4FF”：“F08A00”）；
表达式中使用Java表达式。CSS属性是根据Java表达式的求值设置的。expression方法在其他浏览器中不起作用，因此在跨浏览器设计中单独设置Internet Explorer时非常有用。不仅当页面显示和缩放时，而且当页面滚动甚至移动鼠标时，都将重新计算。向CSS表达式添加计数器可以跟踪它的计算频率。
一种减少CSS表达式次数的方法是使用一次性表达式，该表达式在初次运行时将结果分配给指定的样式属性，并用此属性替换CSS表达式。如果必须使用CSS表达式，请记住它们会被计算数千次，并且会对页面的性能产生影响。
5： 使用有效的CSS选择器
首先：删除未使用的CSS是提高渲染性能的***个重要步骤。页面呈现从右到左、从右边的选择器（称为“键”）计算每个CSS规则，并通过每个选择，直到找到匹配项或放弃CSS规则。
