提升网站前端速度的策略：详尽的前端网站性能提升指南

前端网站优化策略详述

1、降低请求频率

2、缩减资源体积

3、增强响应与加载速率

4、优化资源加载时序

5、改进加载模式

1、整合、紧缩、混淆html/css/js文件（利用webpack，缩减资源体积）

2、启用Nginx的Gzip功能，深化资源压缩（缩减资源体积）

3、运用CDN加速图片资源（增强加载速率）

4、对符合标准的图标执行base64转换（缩减资源体积）

5、将样式表置于开头，JS置于末尾（考虑到JS单线程特性，避免阻塞页面；改进加载模式）

6、配置缓存（强缓存和协商缓存，增强加载速率）

7、为link或src添加rel属性，设置prefetch或preload以预加载资源。（改进加载时序）

8、若使用UI组件库，实施按需加载（缩减资源体积）

9、在SPA项目中，通过import或require实现路由按需加载（缩减资源体积）

10、实施服务端渲染SSR，加速首屏展示，利于搜索引擎优化

11、应用骨架屏，提升首页加载速率（增强加载速率）

12、使用JPEG 2000、JPEG XR、WebP等图片格式替代传统的jpeg和png，页面图片量多时，此措施效果显著

13、应用图片懒加载-lazyload技术

网站SEO优化涵盖内容探讨

一、首要关注：关键词分析。

关键词分析是SEO从业者必备的技能，即便在大型网站中，每个页面也需要进行关键词分析。除了SEO，策划、编辑等岗位也应掌握关键词分析能力。

关键词分析的基本原则如下：

1、探究用户搜索行为：了解用户搜索习惯至关重要，只有掌握用户需求，才能确定用户喜好，搜索偏好及使用的搜索引擎等。

2、关键词不应过于宽泛：过于宽泛的关键词将导致竞争激烈，耗时耗力却未必能达到预期效果，同时可能降低关键词的相关性。

3、关键词不应过冷：没有用户搜索的关键词，优化也就失去了意义。

4、关键词应与页面内容高度关联：有利于优化，也有利于用户。

关键词挑选步骤如下：

1、明确核心关键词：选择最能准确描述网页内容的词或词组，以及用户搜索频率最高的词。

2、核心关键词的扩展：包括别名、组合、辅助等。

3、模拟用户思维设计关键词：从用户角度出发，考虑自己会搜索什么关键词。

4、研究竞争对手的关键词：分析排名靠前的竞争对手，了解他们使用了哪些关键词。

二、页面逆向优化。

为何要进行逆向优化？在大型网站中，页面的优化价值往往与中小网站不同。考虑到品牌、内容、用户体验等因素，大型网站的页面优化价值通常呈现逆向顺序，即：最终页>专题页>栏目页>频道页>首页。

关键词分配如下：

1、最终页：针对长尾关键词

2、专题页：针对热门关键词，如“周杰伦”

3、栏目页：针对固定关键词，如“音乐试听”

4、频道页：针对核心关键词，如“音乐”

5、首页：不分配关键词，以品牌为主。

在关键词分配后，可在最终页添加匹配的内链作为辅助，发挥大型网站内链的优势。

三、前端搜索引擎友好性，涵盖UI设计友好和前端代码友好。

1、UI设计友好：确保导航清晰，避免使用flash和图片等，因为这些内容搜索引擎难以抓取文字。

2、前端代码友好：包括以下方面

a、代码简洁性：搜索引擎偏好简洁的html代码，有利于分析。

b、重要信息靠前：带关键词及经常更新的信息应尽量出现在html代码的前端位置。

c、过滤干扰信息：大型网站页面复杂，应使用js、iframe等代码过滤掉无关信息。

d、基础SEO：避免html错误及语义化标签。

四、内部链接策略。

强调内部链接建设的重要性，因为内链优势明显：

1、大型网站数据海量，内链优势远超外链。

2、网站内网页间导出链接容易。

3、提高搜索引擎爬行索引效率，增强收录，有利于PR传递。

4、集中主题，提高关键词在搜索引擎中的排名优势。

内链建设应遵循以下原则：

1、控制文章内链数量：根据内容多少，控制在3-8个左右。

2、链接对象相关性高。

3、使用绝对路径。

五、外部链接策略。

强调内链建设的同时，也不应忽视外链建设。外链建设对大型网站虽不如中小网站重要，但仍具价值。通常可通过交换链接、制造链接诱饵、投放带链接的软文等方式建设外链。

交换链接应遵循以下原则：

a、链接文字包含关键词

b、尽量与相关性高的站点、频道交换链接

c、对方网站导出链接数量不宜过多，过多则价值不大。

c、对方网站导出链接数量不宜过多，过多则价值不大

d、应避免与未被收录或遭搜索引擎处罚的网站进行链接交换

2、打造链接诱饵：打造链接诱饵是一项轻松的工作，促使对方网站主动为我们添加链接。打造链接诱饵的技巧繁多，但可用两字概括：创新。

3、带链接的软文发布。指在商务推广或专为获取外链而进行的带链接的软文发布。

六、第六部分，网站地图策略：

众多大型网站忽视网站地图建设，不少大型网站的网站地图仅流于形式，成为摆设。实际上，网站地图对大型网站至关重要，大型网站庞大的数据量、复杂的导航结构、快速的更新频率使搜索引擎无法完全抓取所有网页。这就是为何某些大型网站尽管拥有百万千万甚至上亿级的数据量，但仅被搜索引擎收录了一半、三分之一甚至更少的重要原因。若连收录都无法保证，又如何进行排名提升？

Html地图：

1、为搜索引擎构建良好的导航结构。

2、Html地图可分为横向和纵向导航，横向导航主要包括频道、栏目、专题等链接，纵向导航主要针对关键词。

3、每个页面都应包含指向网站地图的链接。

Xml网站地图：

主要针对Google、yahoo、live等搜索引擎。由于大型网站数据量庞大，单个的sitemap会导致sitemap.xml文件过大，超出搜索引擎的容忍度。因此，我们需要将sitemap.xml拆分为数个，每个拆分后的sitemap.xml都保持在搜索引擎建议的范围内。

七、第七部分，搜索引擎友好写作策略：

搜索引擎友好写作是获取良好搜索引擎排名的关键因素。SEO人员无法针对每个网页都提出SEO建议或方案，因此对写作人员的培训至关重要。如果所有写作人员都遵循搜索引擎友好的原则进行写作，则效果将十分显著。

1、对写作人员进行持续培训：写作人员并非SEO，缺乏经验，不可能一蹴而就掌握SEO写作技巧。因此，需要对写作人员进行持续培训以达到预期效果。

2、创作内容前先思考用户可能搜索的内容，针对用户搜索需求进行写作。

3、重视title、meta写作：例如，虽然Meta在搜索引擎中的权重已较低，但不良的meta写作，如堆砌关键词、关键词与内容不相关等行为反而会产生负面影响。而Title的权重较高，尽量在Title中融入关键词。

4、内容与关键词的融合：在内容中适当融入关键词，使关键词出现在适当位置，并保持适当的关键词密度。

5、为关键词添加链接至关重要：为相关关键词添加链接，或为本网页出现的其他网页的关键词添加链接，可充分利用内链优势。

6、为关键词使用语义化标签：

八、第八部分，日志分析与数据挖掘：

日志分析与数据挖掘常被忽视，实则无论大型网站还是中小型网站，都具有重要的意义。只是大型网站的日志分析和数据挖掘难度较高，因为数据量庞大，所以我们需要具备足够的耐心来完成这项工作，并有的放矢。

1、网站日志分析：网站日志分析的种类繁多，如访问来源、浏览器、客户端屏幕大小、入口、跳出率、PV等。与SEO工作最相关的主要有以下三种：

a、搜索引擎流量导入

b、搜索引擎关键词分析

c、用户搜索行为统计分析

2、热点数据挖掘：我们可以通过自身的网站日志分析、一些外在的工具以及SEO对热点的把握能力来进行热点数据的挖掘。热点数据挖掘的主要手段如下：

a、把握行业热点，可由编辑与SEO共同完成

b、预测潜在热点，对信息的敏感度要求较高，能够预测潜在的热门信息。

c、创造热点，如炒作等

d、为热点制作专题

九、第九部分，为关键词创作专题：

除了最终页面，针对热门关键词制作的专题应作为网站的第二大搜索引擎流量来源。在对热点数据进行挖掘后，我们可以针对这些热门关键词制作专题。专题页的内容从何而来？我们一般通过程序实现对应关键词相关信息的筛选聚合，从而使内容与关键词高度匹配，为用户和搜索引擎提供所需内容。

当然，仅建立一个专题而没有辅助手段难以保证专题的搜索引擎排名，我们可以通过文章内链、频道页推荐或最终页的专题推荐来获得链接以达到预期效果。

1、为热点关键词制作专题

2、关键词相关信息的聚合

3、辅以文章内链导入链接