目录
1、SEO
2、前端优化
正文
1、SEO
SEO:搜索引擎优化,其目的是为了使网站能够更好的被搜索引擎抓取,提高在搜索引擎内的自然排名,从而带来更多的免费流量,获取收益。
- 1、Meta 标签优化:
主要包括主题(Title),网站描述(Description),和关键词(Keywords)。还有一些其它 的隐藏文字比如 Author(作者),Category(目录),Language(编码语种)等。例子 - 2、如何选取关键词并在网页中放置关键词:
搜索就得用关键词。关键词分析和选择是 SEO 最重要的工作之一。首先要给网站确定主关键 词(一般在 5 个上下),然后针对这些关键词进行优化,包括关键词密度(Density),相 关度(Relavancy),突出性(Prominency)等等。 - 3、链接交换和链接广泛度:
网页内容都是以超文本(Hypertext)的方式来互相链接的,网站之间也是如此。除了搜索 引擎以外,人们也每天通过不同网站之间的链接来 Surfing(“冲浪”)。其它网站到你的 网站的链接越多,你也就会获得更多的访问量。更重要的是,你的网站的外部链接数越多, 会被搜索引擎认为它的重要性越大,从而给你更高的排名。 - 4、合理的标签使用:
促进蜘蛛的抓取
2、前端优化 原文链接
- 1、减少请求:
页面响应时间的80%~90%时间花在了下载页面中的所有组件进行的HTTP请求上。因此,改善响应时间最简单的途径就是减少HTTP请求的数量。
(1)图片地图: 原文链接
假设导航栏上有五幅图片,点击每张图片都会进入一个链接,这样五张导航的图片在加载时会产生5个HTTP请求。然而,使用一个图片地图可以提高效率,这样就只需要一个HTTP请求。
(2)css sprites:精灵图
通过将多个图片融合到一副图里面,然后通过CSS的一些技术布局到网页上。特别是图片特别多的网站,如果能用css sprites降低图片数量,带来的将是速度的提升。 - 2、使用CDN:
如果应用程序web服务器离用户更近,那么一个HTTP请求的响应时间将缩短。另一方面,如果组件web服务器离用户更近,则多个HTTP请求的响应时间将缩短。
CDN(内容发布网络)是一组分布在多个不同地理位置的Web服务器,用于更加有效地向用户发布内容。在优化性能时,向特定用户发布内容的服务器的选择基于对网络慕课拥堵的测量。例如,CDN可能选择网络阶跃数最小的服务器,或者具有最短响应时间的服务器。
CDN还可以进行数据备份、扩展存储能力,进行缓存,同时有助于缓和Web流量峰值压力。 - 3、css文件放头部、js文件放底部。
参考文件:前端性能优化总结