网站页面?前端seo优化方法及建议( 二 )


内容分发网络(CDN)原理:CDN的基本原理是广泛使用各种缓存服务器 , 并将这些缓存服务器分布到用户访问相对集中的区域或网络中 。全局加载技术将用户的访问指向最近的工作缓存服务器 , 缓存服务器直接响应用户的请求 。
内容分发网络(CDN)的目的:让用户就近获得想要的内容 , 解决网络拥塞的情况 , 提高用户访问网站的响应速度 。
内容分发网络 (CDN) 的主体是空间商而不是站长本身 。
4:删除冗余代码 。
很多时候 , 网站页面中存在大量冗余代码 。比如首页使用的js , 列表页没有使用 。如果整个站点使用调用 , 一些不需要相关代码的页面会无缘无故地添加大量代码 。这些代码的精简有利于前端 。打开速度 。也就是说:网站的每个页面都不需要额外的代码 。
5:充分利用CSS来控制样式 。
网站页面(前端)优化方法及建议-css样式
一个前端代码简化的网站 , 它的css代码和div是分开的 , 不需要在前端样式中使用一些代码来定义样式 , 一切都可以由css来控制 。比如某网页使用style定义样式 , css定义样式 , 重复代码 , 拖慢网站前端加载速度 。
6:CSS代码的优化与控制 。
所有网站页面(前端)优化方法和建议的最终目的都是为了加快网站的打开速度 。这些方法和建议的落地点是简化代码 , 为网页前端减肥 , 优化CSS代码 。包括但不限于:缩写css代码;安排css代码;提取和共享具有相同属性的 css 选择器;分离网页颜色和背景设置样式(较大的网站需要注意);有序的css代码等
7:前端js代码优化 。
类似于css代码 , 前端js代码优化方法包括但不限于:
避免全局搜索:在函数中 , 全局对象存储为局部变量以减少全局搜索 , 因为访问局部变量比访问全局变量更快;
定时器:如果是为了不断运行的代码 , 不应该使用 , 而是应该使用 , 因为每次都初始化一个定时器 , 而只是一开始就初始化一个定时器;
字符串连接:如果要连接多个字符串 , 应该使用less +=;如果是采集字符串 , 比如 more 如果对同一个字符串执行两次+=操作 , 最好使用缓存 , 使用数组进行采集 , 最后使用join方法进行连接;
避免with语句:与函数类似 , with语句会创建自己的作用域 , with语句的作用域会增加在其中执行的代码的作用域链长度 。由于额外的作用域链查找 , 在 with 语句中执行的代码肯定会比在外面执行的代码慢 。尽量不要使用 with 语句;
数字转字符串:一般最好用""+1将数字转字符串 。虽然看起来难看 , 其实效率是最高的;
浮点数转整数:很多人喜欢用() , 其实()是用来把字符串转成数字的 , 不是浮点数和整数的转换 , 我们Math.floor()或者Math .round() 应该被使用;如果定义了()方法进行类型转换 , 建议显式调用() , 因为内部操作会在尝试所有可能后尝试对象的()方法是否可以转换成 , 所以调用this效率更高直接方法;
多类型声明:里面的所有变量都可以用一条var语句声明 , 这是一条组合语句 , 为了减少整个脚本的执行时间 , 就像上面的代码一样 , 上面的代码格式也挺标准化 , 一目了然 。

网站页面?前端seo优化方法及建议