使你的网站快速跑起来

当前位置：网站建设 > 优化推广

资料来源：网络整理时间：2023/3/22 2:45:29 共计：3593 浏览

　　性能真的很重要吗？

　　性能很重要，这个大家都知道。为什么我们还要做出相应速度很慢的网站站点，给用户使用者一个糟糕的感受体验呢？呵呵，让我们进入重点。

　　HTML

　　一.避免内链/嵌入式代码：

　　1) 内联式: 在HTMLtag标签的style属性中定义样式，在onclick这样的属性中定义Java代码;

　　2) 嵌入式: 在网站页面中使用<style>tag标签定义样式，使用<>tag标签定义Java代码;

　　3) 引用外部文件: 在<style>tag标签中定义href属性引用CSS文件，在<>tag标签中定义src属性引入Java文件.

　　1,2虽然减少了的大小，相比3的总体大小甚小，便于分工操作，便于管理维护。

　　二.样式在上，脚本在下：

　　<html>

　　<head>

　　<title标题>Browser Diet</title标题>

　　</head>

　　<body>

　　<a>hello</a>

　　< async src=".js"></>

　　</body>

　　</html>

　　1）样式在head里面，网站页面渲染很快，会使用户使用者感觉网站页面加载很快。反之，会先看到错乱的网站页面部署布局，给人感觉不好。

　　2）脚本在上会影响html的渲染或并行加载，并且首屏加载，用户使用者一般不需要看到功能，所以脚本在下为好。尝试用异步加载脚本的属性：async

　　三.压缩html

　　为了保持代码的可读性，最好的方式方法是在代码中增加添加注释和使用缩进。

　　但是对于查看浏览器来说，这些都是不重要的。正因为如此，通过自动化工具压缩你的HTML是非常有用的。

　　通过移除多余的空白符、注释和一些与信息内容模版结构无关的的不需要的字符，能够节省一些字节。尝试用gzip压缩方式。

　　四.减少dom结点

　　用语义化的tag标签来代替万能的div。

　　五.《html写法对gzip压缩率的影响》

　　书写tag标签属性时，最好多个相同tag标签属性值顺序一致。可以使gzip压缩更快。

　　CSS

　　一.压缩css

　　通过自动化工具压缩css，同压缩html。重复性的代码学会提炼。

　　二.合并多个css

　　普遍通过cdn合并或公司企业的合并工具进行合并，有效减少,css来说，减少和css。

　　五.合并多个js文件

　　普遍通过cdn合并或公司企业的合并工具进行合并，有效减少

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。