【測試面試題】頁面很卡的原因分析及解決方案(2000字答案!)

2022-01-28 程式設計師臻叔
過完年可能有不少小夥伴有跳槽的打算,所以臻叔最近會主要更新一些相關的面試題,希望能幫到大家。其實很多面試官問一些問題,主要是想考察候選人的邏輯思維能力以及表達能力。測試新手因為測試經驗不夠豐富,往往容易漏掉一些要點,所以建議大家面試前一定要做好充足的準備。具體操作其實就是多刷面經,碰到一些常見問題時,先不要著急看答案找答案,而是先想想如果是自己會怎麼答。試想一下,如果面試官恰好問到了你複習過的題目,是不是能幫你提升面試成功率?tip:如果碰到準備過的題目,不要一骨碌馬上全部說完答案,要展現出你思考的過程,一方面不要讓面試官感覺你像背的題目,沒有自己的理解;另一方面自己也可以想看看有沒有遺漏的要點。

話不多說,關於頁面很卡的原因分析及解決方案如下:原因一:http請求次數太多解決:減少http請求次數。
① 圖片地圖:把多張圖片整合到一張圖片中,以位置定位超連結。
② CSS Sprites合併圖片,通過指定CSS的backgroud-image和backgroud-position來顯示元素。
③ 合併JS腳本和CSS樣式表。
④ 使用外部JS和CSS文件。


原因二:接收數據時間過長,如下載資源過大
即在js,css、圖片等資源已經壓縮的基礎上,在HTTP傳輸過程中的再次壓縮。客戶端可以通過Accept-Encoding頭來聲明瀏覽器支持的壓縮方式,服務端通過Content-Encoding來啟用壓縮,配置壓縮的文件類型,壓縮方式。gzip使用無損壓縮,壓縮效果最佳,已經成為使用最為普遍、支持的瀏覽器最多的數據壓縮格式。


原因三:JavaScript腳本過大,阻塞了頁面的加載script沒有async和defer時,JS文件將在下載後立即執行。這種情況下,script放在頂部會阻塞頁面呈現,在網速慢的情況下會導致「白屏」,直到腳本下載完畢才繼續呈現頁面。因此,script放在底部可以讓頁面儘快呈現。
https://blog.csdn.net/zhouziyu2011/article/details/71330739原因四:CSS、JavaScript、圖片等需要重複加載解決:靜態資源統一放在一個靜態域名上,減輕重複下載靜態資源的負擔。


原因五:cookie影響解決:減小cookie的影響。
① 去除沒有必要的cookie,如果網頁不需要cookie就完全禁掉。
② 將cookie的大小減到最小:減小HTTP請求報文的大小,提高響應速度。
③ 設置合適的過期時間:cookie信息將存儲到硬碟上,即使瀏覽器退出cookie還會存在,只要cookie未被清除且還在過期時間內,該cookie就會在訪問對應域名時發送給伺服器。
④ 通過使用不同的domain減少cookie的使用:cookie在訪問對應域名下的資源時都會通過HTTP請求發送到伺服器,但在訪問一些資源,如js,css和圖片時,大多數情況下cookie是多餘的,可以使用不同的domain來存儲這些靜態資源,這樣訪問這些資源時就不會發送多餘的cookie,從而提高響應速度。


原因六:網頁資源過多解決:使用CDN部署網絡以提高下載速度,可以先通過免費的CDN供應商來分發網頁資源。
原因:DNS解析速度
DNS解析是從域名到IP的解析。DNS解析包括往復解析的次數及每次解析所花費的時間,它們兩者的積即是DNS解析所耗費的總時間。許多人無視了DNS解析的因素,其實它對網站解析速度也是十分重要的。可以更換延遲比較低的DNS伺服器。


參考連結網頁很卡的原因:https://blog.csdn.net/zl13015214442/article/details/89432321原文:https://www.cnblogs.com/anliux/p/12918396.html

歡迎加入臻叔的測試交流群,我們一起交流成長!

更新日期 2022.01.17

公眾號文章索引:

資料匯總:測試必讀書籍 | 必知網站清單

學習路線:轉行測試 | 自動化測試-學習路線 | Python-學習路線 | 測試開發 |性能測試學習路線 

面試寶典:測試崗面試題專刊(牛客獨家) | 2020面試題合集 | Python編程題 | 測試基礎知識 | 測試基礎知識(舊) | 面試技巧 | 面試思路|怎麼測電梯|大廠求職經驗1|大廠社招面試流程2 |

面試真題:百度面試題答案1  | 百度面試題答案2  | 字節面經1 |貝殼面經1

精華筆記:《餓了麼質量體系搭建實戰》| 《AI自動化測試》|《代碼整潔之道》 | 《性能測試》|《MySQL必知必會》|《移動App測試實戰》|

測試基礎:軟體測試基本概念 | 黑盒測試用例 | 抓包教程|測試計劃|軟體測試生命周期 | 軟體測試基本分類|最全APP測試點 | 新手抓包教程 |後端接口測試入門 |服務端接口測試指南|APP專項測試方法|編寫壓測腳本|聊聊UI自動化測試|

測試用例:測試用例書寫 | 抖音直播功能測試用例 | 優惠券測試用例|手機掃二維碼的測試用例 |

測試工具:測試工具庫 | 常用軟體 | 測試框架 | 瀏覽器F12 | Python測試開發庫及項目 |支付寶開源的Android專項測試工具SoloPi|雲測平臺Tcloud|Mock測試|接口文檔生成神器Swagger|

測試思維:排查問題的思路|如何測試支付功能 | 接口響應過慢的原因排查|

測試進階:淺談devOps|pytest生成測試報告 |用插樁技術解決慢查詢測試問題|GoReplay流量回放| Mock測試工具|Go實現json格式定義http協議壓測腳本|

測試日常:提升測試效率|利用Jenkins完成Android項目編譯|

資料庫:資料庫索引 | 手撕SQL | 搜尋引擎ES | ES搭建

個人項目:搭建個人博客 |ATX atxserver2 手機設備管理平臺|iOS自動化測試項目1|Pytest + Appium + Allure做UI自動化|

移動端測試:adb命令 | APP耗電量測試 | 

自動化測試:ui自動化工具-uiautomator2 | 移動端UI自動化思路 | Postman自動化接口測試|iOS自動化測試項目1|前端自動化測試入門|

接口/性能測試:接口測試實戰 | 伺服器監控平臺 | Apifox | Postman基礎 | 接口自動化Newman | Jmeter1 | Jmeter2 |Jmeter3 

網際網路工作:常見名詞(上)| 常見名詞(下)| 國外測試崗位1 | 國外測試崗位2 | 成都值得去的中小公司 | 廣州值得去的網際網路公司 | 杭州值得去的網際網路公司 |深圳值得去的網際網路公司  |

自學python:數據類型 | 編程風格 | 運算符 | 函數 | 變量

臻叔嘮嗑:成都程式設計師的生活 | 只會測試沒有前途?| 不靠譜的測試工程師 | 編程誤區 | 硬功夫 | 軟實力 | 粉絲問題(上)| 粉絲問題(下)| 四川美景 | 為什麼測試要懂開發 | 

推薦文章:垃圾回收|輸入URL後的技術步驟|面試題:IOC|搭建Appium環境|突擊JAVA面試|Redis消息隊列|線程和進程區別|資料庫優化|MongoDB應用場景|樂觀鎖和悲觀鎖適用場景|消息隊列MQ|阿里怎麼做單元測試 | 騰訊外包的工作經歷|

段子:不講碼德

🖕點擊關注,獲取更多測試乾貨

相關焦點

  • 測試面試題集錦(一)| 軟體測試常見必考問題與流程篇(附答案)
    本系列文章總結歸納了一些軟體測試工程師常見的面試題,主要來源於個人面試遇到的、網絡搜集(完善)、工作日常討論等,分為以下十個部分,供大家參考。如有錯誤的地方,歡迎指正。有更多的面試題或面試中遇到的坑,也歡迎補充分享。希望大家都能找到滿意的工作,共勉之!
  • Google人工智慧面試·真·題(附參考答案+攻略)
    友情提示:上述幾道題,有些是可以抖機靈的……如果你想知道答案和更多類似題,可以在量子位公眾號(ID:QbitAI)對話界面,回覆:「神秘題」三個字。史上最正統Google面試寶典真題談完了。雖然面試準備是個老生常談的話題,但下面這份寶典無論如何你都要看看。
  • 自動化測試面試題(附答案)
    android和ios的UI自動化測試;5)熟悉jenkins、svn、git的搭建和使用;6)熟悉常用性能測試工具的使用,並可進行分析調優:ab、jmeter、loadrunner、locust等,有分布式壓測經驗優先;7)熟悉使用django開發框架,可完成web頁面和功能的開發(此條可放寬);8)具備豐富的系統測試經驗,並且能夠進行系統級的原因定位與分析
  • 測試開發面試題160道17類21339字
    白盒方法有靜態分析和動態分析。延伸:靜態分析,不執行程序。靜態結構分析法、代碼檢查法、靜態質量度量法 。動態分析。基本路徑測試、邏輯覆蓋(語句覆蓋、判斷覆蓋、條件覆蓋、判斷-條件覆蓋、條件組合覆蓋、路徑覆蓋)、域測試、符號測試。F12,看頁面源碼、頁面資源加載和後端返回數據。檢查網絡。
  • 自動化測試Selenium最新面試題和對應答案!
    更多測試免費資料關注公眾號:testkuaibao       這兩天後臺的小夥伴發消息或者留言跟我說要一些自動化的面試題,今天小編就給大家帶來自動化測試的面試題
  • 自動化測試最新面試題和答案
    這裡有愛,有分享,有工程師們的成長日記,點藍字「軟體測試面試匯總
  • 自己寫的面試題,自己想的答案
    1.前言因為機緣巧合,讓當了無數次面試者的我,當上了面試官,也和幾個面試者交流過。既然要應對面試者,我就當然要準備面試題了,好讓我大概知道面試者是什麼水平。這個時候,也該詳解下,自己的寫的那些題目。因為題目是我自己寫的,並不是網上摘的,所以知識點比較基礎,也不全面。如果大家對面試題有什麼建議,歡迎指點。
  • 面試官最愛問的16道A/B測試面試題
    除非兩個版本中的一個取得壓倒性優勢,否則測試完全不同的設計不利於得出有力的結論,並且難以定位導致轉化率變高的真正原因。2.A/B測試幾個版本比較合適?控制組是你要測試的landing page或其他頁面的現有版本。如果你想測試一個從未上線的頁面的兩個版本,你是沒有控制組的。該怎麼辦呢?你可以選擇一種版本作為控制組。 選擇與當前設計頁面最相似的一個版本作為控制組,將另一組作為實驗組。9.我該在什麼時候用什麼方式分析A/B測試結果呢?
  • 復旦面試題的"標準答案" 來自復旦教授的點評
    這個問題的關鍵不在於某個知識點,我用白話文解釋時還會給予一定的提示,是考察學生的理解分析能力。學生哪怕按我敘述的字面意思,多少也應該反映出莊子追求自由的價值取向。但有些學生還是糾纏於不了解這個典故,就放棄了思考,僅僅表示不知道。這已經不是思維能力的層面了,反映出有的學生基本的語文理解與分析能力也不夠。
  • 接口測試面試題及參考答案(匯總)
    這裡有愛,有分享,有工程師們的成長日記,點藍字「軟體測試面試匯總
  • 17道APP測試面試題分享帶參考答案
    是Android中實現程序後臺運行的解決方案,它非常適合去執行那些不需要和用戶交互而且還要長期運行的任務(一邊打電話,後臺掛著QQ)。服務的運行不依賴於任何用戶界面,即使程序被切換到後臺,或者用戶打開了另一個應用程式,服務仍然能夠保持正常運行,不過服務並不是運行在一個獨立的進程當中,而是依賴於創建服務時所在的應用程式進程。
  • Android面試題-終極解決ViewPager.setCurrentItem切換頁面閃瞎我的雙眼
    android面試題-okhttp內核剖析android面試題- Volley源碼剖析
  • 軟體測試面試題匯總(下)
  • 亞馬遜QA/測試工程師面試究竟考察應聘者哪些能力?(附一批面試題)
    這就是為什麼應聘者需要經歷好幾個階段的面試的原因,而且最終只有少數的候選人過五關斬六將,最終贏得職位。一個普遍的事實是,如果我們事先好好計劃面試或任何其他活動,那麼事情會有很好的結果。因此,這篇文章就是想讓你了解亞馬遜如何組織面試以及亞馬遜質量保證(QA)工程師可能提出的問題。
  • 教師結構化面試經典100題解析答案查看
    【導讀】華圖寧夏教師招聘考試網同步華圖教育發布:教師結構化面試經典100題解析答案查看,詳細信息請閱讀下文!  【結構化面試經典題目】學生字跡潦草,老師對他說要把字寫好,學生說以後都用電腦了誰還用手寫字啊!你怎麼看?  【思路點撥】現象類的題目先分析背景,然後分析原因,最後提出應對策略。
  • 人教版六年級上冊數學期末測試卷+答案,有易錯題分析
    人教版六年級上冊數學期末測試卷+答案,有易錯題分析離2020年秋季學期越來越近了,離2021年的春節也越來越近了,是不是特別期待,有特別忐忑呢?期待過年,忐忑期考,其實也不要擔心害怕了,如果平時能夠跟著老師學習,一步一個腳印,期末測試肯定能夠拿到理想的成績的。
  • 測試人員面試需要注意的事項
    在某種程度上來說,技術面試重要到能夠決定你是否被聘用。在技術崗位方面,在個人品德沒有問題的前提下,招聘公司對技術是最關心的。我現在並不能給你分析具體的面試題,因為與筆試題相比,面試題千變萬化,不同的公司有不同的技術方向,即使是在一個公司內,技術面試題也會因為項目、崗位、面試官的不同而不同。下面我說一些在技術面試中需要注意的地方,和大家一起做一個交流。
  • 高級自動化測試常見面試題(Web、App、接口)
    常見的有 crash、ANR(應用無響應、卡死),一般由設備碎片化、網絡波動大、內存洩漏、代碼編寫錯誤3.請簡單介紹你曾使用過的一款 APP 自動化測試工具 ?4.Android 測試與 web 測試有什麼區別?
  • 開發崗面試必問:3個超難的案例分析回答匯總
    面試官問我如何判斷Instagram上各種故事的成功與否。我回答A/B測試會很有效,但面試官告知公司並沒有這個能力,要再想想別的辦法。我呆住了,因為沒別的法子。案例分析已經成為數據科學和產品開發崗面試中不可或缺的一部分,是決定候選人夠不夠格的關鍵點。這些面試的目的是模擬公司現有的產品,測試候選人的反應能力、解決問題的能力、有效處理障礙的能力。
  • 2018國考面試天天練之漫畫分析題答案:根據漫畫聯想標題並進行分析
    國考面試模擬題:國家公務員考試頻道為國考考生提供2018國考面試天天練之漫畫分析題答案:根據漫畫聯想標題並進行分析。 點擊查看》》》2018國考面試天天練之漫畫分析題:根據漫畫聯想標題並進行分析【參考答案】標題一:博採眾長勝過一意孤行;標題二:切勿唯上不唯實。下面,我就第二個標題進行闡述分析。