For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
网站性能问题是目前大多数软件开发程序员都在关注的一个问题,下面我们就通过案例分析来了解一下,网站性能优化都包含了哪些方法。
延迟加载
延迟加载有助于进一步缩短前端加载时间,使用延迟加载,先确保主要的内容先加载,如页面框架、文本内容、屏内容等。在实际应用中可以对JavaScript进行延迟加载,HTML中可以有两个相关属性async和defer,这个两个属性使得script都不会阻塞DOM的渲染。:
defer属性规定是否对脚本执行进行延迟,直到页面加载为止。
async:会使得script脚本异步的加载并在允许的情况下执行,并且不会按着script在页面中的顺序来执行,而是谁先加载完谁执行。
图片懒加载
图片懒加载又称图片延时加载、惰性加载,即在用户需要看到图片的时候加载,这样可以减少请求,节省带宽,提高页面加载速度。
通常将页面中的img标签属性src指向一张小尺寸图片或者为空,然后定义data-src属性指向真实的图片。当载入页面时,先把可视区域内的img标签的data-src属性值赋值给src,然后增加页面滚动事件,把用户即将看到的图片加载。
预加载
预加载就是通过设置相应的资源属性告诉浏览器是否需要预取,包括CSS文件、JavaScript文件、DNS接下,主要是在HTML页面加入。
减少HTTP请求
减少HTTP请求,常见的原则页面尽量只有一个CSS文件和一个JavaScript文件,CSS小图片使用CSSSprites
缓存
为静态资源增加缓存是常见的处理方式,通常在项目开发中建议采用动静分离,即所谓的静态资源与应用本身分离,方便对静态资源进行优化,增加缓存或者增加CDN都可以方便的实现。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。