南昌网站搭建建设定制,贵阳做网站需要多少钱,wordpress 新闻发布时间,北京东站基于Web前端分析过程#xff0c;大概有十几个测试要点#xff0c;我们今天主要来讲解结合前五个要点进行详细解说。前端测试点主要针对前端展开#xff0c;什么叫前端分析呢#xff1f;就是我们所有的分析和测试要点所站的视角都是针对客户端或者浏览器来对系统进行分析和测…基于Web前端分析过程大概有十几个测试要点我们今天主要来讲解结合前五个要点进行详细解说。前端测试点主要针对前端展开什么叫前端分析呢就是我们所有的分析和测试要点所站的视角都是针对客户端或者浏览器来对系统进行分析和测试的我们不需要考虑服务器端的架构是什么样的也不需要考虑从服务器角度来说要去关注数据库、服务器、系统集成、Web服务器的配置等这十几个测试要点可以测试任何的类型网站的质量我们不需要关注后台的相关内容例如我们可以使用些这些测试要点去测试任何的网站质量怎么样我们是从前端的视角来检验系统的质量除了这些要点之外所有WEB网站的工作原理都需要理解因为所有的内容都是基于网络协议展开的首先我们得了解HTTP协议的工作原理过程才能够对这些测试要点进行全面的分析和理解才能够真正的结合实践应用。其次要对浏览器工作原理进行深入了解我们一定要对浏览器和服务器是如何工作的原理有一个深入的了解前面我们也通过网络架构原理课程了解了相关的过程包括软件兼容性内容中与大家详细讲解了浏览器的工作原理及页面的渲染引擎做了很详细的讲解让大家全面的理解基于前端的测试要点。尽可能减少HTTP请求的数量。我们可以通过合并的方式例如可以将JS、CSS或者图片合并到一个页面中可以采用多个图片合并到一个图片中这样就能达到减少HTTP请求的数量减少HTTP请求的目的是为了减少HTTP释放链接的资源提升系统访问速度从而提升性能。前端浏览器缓存应用大家都知道浏览器都会把我们访问过网站的这些静态资源保存在硬盘的目录中下次去访问同样的资源服务器会检测硬盘中是否存在缓存记录如果已经保存了资源就直接读取达到减少请求数据的目的可以提升系统的性能所以请大家好好利用浏览器的缓存机制当然缓存机制也存在它的一些弊端如果浏览器缓存设置时间过长如果我们更新了内容之后浏览器客户端也不知道因为浏览还是会使用之前缓存起来的内容例如大家平时在工作中经常遇到这种问题就是系统重新部署发布之后我们再次访问系统为什么发现功能并没有更新这其实就是利用了浏览器的缓存机制再把缓存清空重新刷新一下就能看到最近修改的相关功能。利用Gzip压缩机制只针对文本类资源有效。什么是文本类资源例如基于前端页面的一些JS脚本、CSS、HTML这些都属于文本内容。文本类资源压缩比例可以达到70%以上基本上100K的资源可以被压缩成20K这是一个非常高的压缩比例。为什么只针对文本类资源压缩有效因为像我们在网站上看到的图片都是已经被压缩过了例如:PNG、GIF、JPEG他们都是已经被压缩过了即使再有Gzip压缩也没有任何作用大家可以拿一张PNG的图片然后使用winrar软件对这张图片进行压缩你会看到压缩图片的大小不会有变化因为已经进行了压缩不能再压缩了压缩前和压缩后的图片大小基本是一致的。因为压缩资料后在网络传输的时候过程可以节省很多的带宽资源而我们的网站除了图片以外文本也占去绝大部分篇幅从而达到提升页面访问的速度提升系统性能。把CSS文件放在HTML的开头我们知道CSS文件主要用来渲染、排版的我们前面了解了浏览器的渲染过程系统如果发现网站存在静态资源后然后下载保存到硬盘中便于我们访问网站渲染的过程中能够使用我们尽可能的将CSS放在最开始的地方让浏览一开始就能把这个资源下载完成这样后面渲染的过程才会进展得更加顺利不会因为中途出现静态资源再保存非常浪费时间请务必将所以的CSS压缩到一个文件中将JavaScript文件放在HTML的结尾.JS其实不是用来做渲染的而是当我们的页面渲染完成以后用户在操作页面功能的过程中能够达到一种动态的效果JS既然没有这种渲染的效果我们将JS放在最后让浏览器渲染完成页面最后等浏览器渲染页面完成后用户才可以调用到JS来进行动态的操作与文件处理放在最开始的地方浏览器会优先下载JS,会延迟下载图片等文本相关内容会影响页面的性能页面渲染显示的内容更缓慢。总结以上五点前端分析测试要求都是基于前端原理过程梳理出来的核心内容很多同学在企业中做测试一般都是基于UI界面的功能测试很少从原理上去深入理解系统于是会感觉基于前端页面的测试很简单但是要想达到高级测试工程师的要求必须要学会从原理的内部过程中来理解事物从事物的起源中理解内容才会让我们的知识面更具内涵肤浅的内容没有竞争力希望大家能够掌握。