欢迎来到华鼎网络科技,深圳网站优化深圳网站建设移动网站优化深圳seo
咨询,就免费赠送域名与服务器,咨询热线:18824580418当前位置: 主页 > 网站优化 > 网站优化知识 >
推荐内容
联系我们
电话咨询:18824580418 13518121047
E-mail:[email protected]
地址: 深圳市宝安

大型网站打开速度慢,该怎么优化代码和网页

作者/深圳seo:大型网站优化 来源:深圳seo 2019-08-26

      寺库网代码优化方案,分析代码优化,可以提高页面加载速度,减少抓取量浪费。寺库网的html代码里有很多的自定义属性,使代码量加大,一些标签的嵌套书写有问题,会影响百度蜘蛛爬行页面。页面代码需要规范化、简化,此次通过对html代码优化,主要可以提升页面加载速度和抓取率。此次调整涉及首页、列表页和内容详情页面。页面经过优化后代码量约可以减少一倍,加载速度也会有明显提升。同时,针对下拉列表,列表筛选项进行优化,有助于提升列表页面权重。对内容页面优化有助于页面引导蜘蛛爬行。问题与解决方案
1.首页
(1)head部分。页面上的style,写入样式表里。
(2)body部分。比如第21行: 第29行: 第75行:注释去掉,不要出现在页面上。
① body部分页面上的style。 页面上类似的写在style里面的样式,写入样式表里。
② 标签中的属性优化。 这些data和onclick可以进行优化,在不影响页面效果的前提下,去掉这些属性。
③ 用<base>标签代替<a>标签中的新窗口打开。对于首页,大部分<a>标签的链接需要在新窗口打开页面,那么,没有必要每个链接都写上,启用base target="_blank"可以有效降低代码量。
④ 热搜词启用短地址。 可以将热搜词后台记录,并采用id形式进行调用,避免因为中文字符encode后的较长代码。   hot代表热搜词全站唯一识别(方便做统计用), _123代表id。
⑤ 页面上em的使用。 html中em是强调,这里“|”好像没有起到应有的强调作用,可以把它括进来。
⑥ 慎用lazyload。lazyload可以延迟加载,分为不同的类型,可以使用jquery lazyload先让图片地址在src中,给src赋占位图,因为jquery的操作是在页面加载后对图片操作,所以代码里src中还是有地址的。如果先放占位图,那页面很多图片都是占位图,对SEO的影响还是很大的。
⑦ 代码书写。  <li>中嵌套<div>,层级关系有问题,正确的应为<li>是最深级,<div>可以采用其他标签,或将<li>更换为<dd>。<li>和<a>写成一行之前的形式如下图。改成一行之后见下图。 
⑧ 页面浮动导航js化。     div class="fsFixedTopContent" 将div中的内容放入js中。
(3)页面js,放入js文件加载。将2616~2787行中的js放入js文件加载。
(4)css。css虽然经过了压缩,但展开看里面还是存在一些问题。
① 结束符。 结束符分号“; ”要写上。
② 合并css。同属性合并,不要重复声明。css的主要问题是多个class的共同属性,应先共同声明,差异部分独自声明。同时应节约代码量,可继承的继承,可公用的公用。
2.列表页面
(1)head部分。js页面上的放入js文件里。
(2)body部分。 去掉注释。
(3)列表页面的左侧下拉导航js处理。内页和首页有所不同,内页多要考虑页面重点内容,而导航上很多分类可能与本页面的内容不相关,所以需要把导航js化,这样有助于列表页面集权,同时也减少代码量。所有品牌区域如下图所示。  图中大量的链接点击也没有反应,可以用js做。
(4)列表筛选项的可视与隐藏。筛选项有些是包含关键词,需要做排名的产品分类页面。比如:包包>女包>××品牌女包,这样的筛选分类就需要展示,并需要在html里面显示a链接。更多筛选条件用js做,不要出现很多<a>标签,否则无法点击。
(5)自定义属性的优化。 代码中有一些自定义属性,可以采用json存储,没有必要在每一个<li>或<a>里面带很多自定义属性,最多出现<id>,以减少页面存储数据量。(6)畅销榜html代码输出。这里需要用html输出,不要js。因为js百度不收录。
3.内容页面
(1)head部分。折行、空行去掉。
(2)body部分。头部下拉导航js与列表相同。
① 避免input存储数据。 可以采用json存储数据。
② 不允许点击就不要用<a>标签。
③ 相关模块用html输出。
④ 清除掉大篇幅的空行与注释。 
⑤ 一些操作后显示的内容用js处理。沟通在执行过程中尤为重要,建议所有的方案一律用E-mail的形式沟通,不要采用QQ的方式,以免出现纠纷;制作过的方案,建议按类型分类,按日期命名,便于后期复盘或查找。以外链为例,外链的文档如下图所示。 效果先看看收录(内链)变化,如下图所示。再看看排名(外链)的变化,三个月的时间,500热词排名在百度首页的从116个增加至242个,增加了126个,如下图所示。 最后看看关键词数量和流量的变化(数据来源:爱站),如下图所示。当然,这个案子能顺利完成,除了项目经理、分析师的艰苦努力,AE完美的执行力,最关键的还是寺库网SEO负责人全力以赴的配合和推进(甲方的同学读到此处应该有泪光,甲方推进SEO进度绝对比考状元还要难),在此一并感谢!