美文网首页WEB前端程序开发程序员我爱编程
WEB前端开发学习常见面试问题系列:web前端性能优化你有哪些办

WEB前端开发学习常见面试问题系列:web前端性能优化你有哪些办

作者: web前端小辰 | 来源:发表于2018-05-26 18:52 被阅读68次

    Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

    给你学习路线,html-css-js-ajax-jq-html5-css3-bootstrap-vue.js-node.js-react.jd

    针对接下来很多应届生面临找工作面试的问题,我将会总结一些前端面试常见的问题和大家分享。希望能帮助到即将进入职场的同学们。话不多说,我们开始吧。

    小编推荐一个学Web前端的学习裙【 五四七,三零二,三八三 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

    Web性能优化有哪些方式?

    1).尽可能减少HTTP请求次数

    2).使用CDN

    3).避免使用src和href标签

    4).加入Expires或Cache-Control Header

    5).使用Gzip压缩

    6).在html文件顶部放置样式表

    7).在html文件底部放置Javascript脚本

    8).避免使用CSS表达式

    9).使用外部Javascript和CSS外部文件

    10).减少使用DNS查找次数

    11).精简Javascript和CSS

    12).避免重定向

    13).移除重复的脚本

    14).配置ETag

    15).缓存AJAX

    16).使用GET完成AJAX请求

    17).减少DOM元素数量

    18).避免404

    19).减少Cookie大小

    小编推荐一个学Web前端的学习裙【 五四七,三零二,三八三 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

    20).使用无Cookie的域

    21).避免使用滤镜

    22).不要在HTML中缩放图片

    23).使用小favicon.ico文件,并让其可缓存

    相关文章

      网友评论

        本文标题:WEB前端开发学习常见面试问题系列:web前端性能优化你有哪些办

        本文链接:https://www.haomeiwen.com/subject/riomjftx.html