前端SEO优化方案

一、关于页面加载速度：

1、一般我们将CSS,JS文件通过外链的方式引入页面，当这些外链数量过多，那相应HTTP请求次数也要增加，这里我们尽量合并CSS,JS文件夹，压缩一些不需要后期维护的CSS,JS代码，CSS文件推荐压缩成单行显示，方便后期维护，也可减小代码体积。

2、使用css sprites技术制作精灵图，通过背景定位方式在前台页面显示。将小图片合并成大图片的目的是为了减少HTTP请求次数，减少页面加载时间。

3、对于页面常用的图标，且后期不需要经常修改的图标，我们采用阿里矢量图标,阿里矢量图标库地址为：阿里矢量图标

4、优化代码结构，减少不必要的代码嵌套，删除多余空标签，剔除多余CSS代码，对于重复使用率高的CSS代码，我们要学会对其封装，如每个模块都会有一个大标题或小标题，可以将其封装到.title类名中。减少重复代码量。

5、设置浏览器缓存，对于刚入行的新人来说，一看到这个词就脑壳发蒙，百度里找来找去还是没明白，我这里是通过设置服务器根目录的.htaccess文件，来进行浏览器缓存，不懂得同学可以直接复制以下代码进行测试。

<IfModule mod_expires.c> #设置浏览器缓存 ExpiresActive On ExpiresByType image/x-icon A2592000 ExpiresByType image/icon A2592000 ExpiresByType image/gif A2592000 ExpiresByType image/jpeg A2592000 ExpiresByType image/jpg A2592000 ExpiresByType image/png A2592000 ExpiresByType application/x-shockwave-flash A2592000 ExpiresByType text/css A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType application/javascript A2592000 ExpiresByType text/javascript A2592000 ExpiresByType text/html A600 </IfModule>

直接将以上代码复制保存为.htaccess文件放到根目录中，如下图：我的站还没有放入此代码

将.htaccess文件保存到根目录中，词提示已经消失，

另外推荐一个比较不错的优化网站 gtmetrix这里可以显示你的网站详细信息，比如那些文件可以压缩，给出了优化过的图片等等，可以去研究研究。

原文链接：https://blog.csdn.net/qq_40745143/article/details/103910022?ops_request_misc=&request_id=d1b33e84eaba4bd2bcba6b6b572efbf3&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~koosearch~default-7-103910022-null-null.268%5Ev1%5Econtrol&utm_term=seo%E4%BC%98%E5%8C%96

原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/23267