• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 前端开发工程师的必修课——网站重构

发布时间:2020-08-07 10:30:22 浏览 4219 来源:博学谷 作者:前端咖

      网站重构并不是前端开发中的技术,也不是某种标准,而是一种网站前端的理念,也就是我们所理解的页面优化。网站重构是指在不改变网页整体UI设计以及网站外部相关行为的基础上,对整个网站/页面进行优化,让网站的结构更加简单,可读性更强,从而更加有利于搜索引擎的检索,增加搜索引擎对网站的收录,提升网站的排名。网站重构相对于web开发工作而言,更注重用户体验的设计。

     

    前端开发工程师的必修课——网站重构

     

      对于网站的重构,可操作性的内容包括:

     

      1、将表格布局table改成DIV+CSS

      2、让网站前端兼容于现代浏览器

      3、对移动平台进行优化

      4、可以针对SEO进行优化

      5、有效地减少代码见的耦合

      6、执行严格的代码编写规范

      7、有效的去设计可扩展的API

      8、代替就的框架或者开发语言

      9、对JS DOM进行操作

      10、采用CDN来加速对网站资源的加载

      11、支持HTTP服务器的文件缓存

      12、压缩JS、CSS、image等前端资源

     

      网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与他们呈现的格式相分离。从而保障正文中全部以文字为主,CSS代码、JS代码作为单独的文件存放在相应的位置。

     

      此外在网页的URL设计上也应该注意,尽量保持网站结构的扁平化结构或者属性结构;URL尽量使用静态化,减少网站动态参数的加入;一般中小型网站的URL层级不要太深,在三层以内为最佳;URL中的中英文大小写要统一,避免出现大小写并存的现象;不要在URL中添加无法被系统自动识别的字符;在网页中减少flash、Ajax、JS调用、session ID、frame框架以及各种跳转。

     

      由于网站重构需要大量结合用户体验设计以及网站SEO技术,因此从事网站重构相关工作的前端开发工程师必须掌握用户体验以及SEO技术,包括搜索引擎的爬虫原理、页面结构以及布局等等。

     

      网站重构是前端开发从业人员的一个重要的方向,而目前大部分前端开发工程师是以web开发为主,而网站重构的落地执行一般由SEO、UE、web开发协同完成。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: 前端学习中的重点难点总结 下一篇: 网站开发中前端的重要性

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码