zoukankan      html  css  js  c++  java
  • 页面优化

      年前辞职了,最近一直在面试,博客有点荒废了,实在不应该。最近面试了大大小小的很多家公司,面试的多了,总会有一些经验,在这里和大家分享一下关于面试中面试官问的比较多的问题。

      题目是:如何优化能够提高浏览器的加载速度。

      我去面试的每一家公司都或多或少问到了我这个问题,现在写代码不能只顾自己写的爽不爽了,一定要有良好的写代码的习惯,要有一定的可维护性,可拓展性,并且注重用户体验,这样写出来的代码才能成为是高质量的代码,那么我们如何进行优化,才能提高浏览器的加载速度呢?以下是我根据自己的经验进行的一些总结。

      1.我们熟悉的预加载以及懒加载

        预加载可以让在加载页面之前做一些简单的处理,可以优化用户的视觉效果以及体验。

        懒加载能够让浏览器在加载的时候只加载,整个屏幕部分,也就是用户能够看到的部分。用户向滑动滚轮滑动到指定位置,再加载特定资源。

      2.css文件先拆分,再合并。

        这里拆分是指在开发周期内,为了方便项目维护和代码统一管理,应该把不同功能和模块的代码分开保存,这样后期维护可以快速定位,快速解决,而且能做到分工明确。

        合并是指上线之前使用工具将多个文件压缩合并成一个文件,减少文件的请求次数,从而提高浏览器加载速度。

      3.减少cookie的使用,即优化浏览器缓存

      4.设置图片的大小。如果不设置,浏览器需要执行计算来显示图像,这会降低处理速度。

      5.按需加载JavaScript代码

      6.删除不必要的元素,多余的空格以及换行。可能这是所有技巧中最显而易见的一个,但是它也是最容易忘记的一个技巧。如果您真正需要在网页上放置许多内容,考虑将网页分为 2 个、3 个或更多的独立页面

      7.尽量避免表格的使用,如果一定要加入表格,要明确地指定表格单元格、行和列的宽度和高度,否则,浏览器必须执行许多操作来计算如何显示它们,这会降低页面加载速度

      以上是我总结的优化页面的加载速度的方法,望采纳。

      

  • 相关阅读:
    再谈CLR:值类型按照引用传递(以及与装箱拆箱的区别)
    Silverlight的跨站策略和跨站策略文件
    再谈CLR:MSCorEE.dll文件的奥秘
    再谈CLR:如何通过代码获取程序集所引用的程序集信息
    再谈方法的动态调用
    Silverlight隔离存储(续)
    支持取消操作和暂停操作的Backgroundworker
    单件模式(Singleton)和锁定(lock)
    在SharePoint服务器中执行备份和还原
    如何:将 TraceSource 和筛选器与跟踪侦听器一起使用(转载)
  • 原文地址:https://www.cnblogs.com/sunweinan/p/6411907.html
Copyright © 2011-2022 走看看