本文將會講解如何利用 DevTools 找出瀏覽器繪製頁面的效能瓶頸,並利用 GPU 和瀏覽器繪製頁面的機制來優化動畫效能,閱讀本文前建議先理解瀏覽器繪製頁面的...
概覽 大部分的瀏覽器會以每秒 60 次的頻率刷新頁面,反過來說只要瀏覽器來不及在 16 毫秒(1000/60)內產出下一個畫面就會讓使用者感覺卡卡的,影響使用體...
利用 Performance 面板紀錄效能後,會發現其中以主線程 Main 圖表涵蓋了最多資訊,從開始解析 HTML 到最後繪製出頁面,瀏覽器都做了哪些事情呢?...
前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...
前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...
前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...
前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...
前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...
相信讀者您在生活中,多少都會有搜尋、瀏覽網頁的經驗吧?輸入網址、而身為網頁製造者的前端工程師,你真的知道你寫出來的網頁在部屬之後,是怎麼從網址變成頁面,進而顯...
在本系列文的前兩週,我們深入認識了 HTML、CSS、JavaScript 這前端三兄弟中的許多細節,過程中筆者也提到了數次瀏覽器差異可能會造成的影響;今天再...
無論什麼類型的通訊軟體,最怕要找東西時要花時間慢慢翻,太過影響效率,因此,其搜索功能特別重要。 根據官方網站所說:「Cordchat設多功能搜尋器,能快速搜尋指...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 最近又看了一篇論文,覺得寫得很精彩所以決定來分享一下 原文標題:Web browser workload c...
基本介紹 做一個瀏覽器之前,先來認識瀏覽器 先來看看瀏覽器內核長怎樣吧! 深入探討瀏覽器引擎如何進行解析 瀏覽器平行化 Mozilla / Servo 瀏覽器...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 今日論文:Parallel Performance-Energy Predictive Modeling of...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 我想,是時候結束本系列了!沒想到當初誤打誤撞開始玩瀏覽器,說來我碰瀏覽器還不到半年,但總覺得已經過好久的時間。...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 前言 今日論文:Decision to offload the task to Cloud for incre...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 本篇接續之前一篇 研究論文: Fast and Parallel Webpage Layout 論文作者為...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 今天我們不談技術,來談談對瀏覽器的想法。 目前看起來瀏覽器已經是很成熟的產品了,在經歷過幾個大事件,例如 IE...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 今天研究論文: Fast and Parallel Webpage Layout 論文作者為 Leo A....
本系列目錄 《來做個網路瀏覽器吧!》文章列表 市面上的瀏覽器五花八門,各有各的優缺點。 俗話說知己知彼百戰百勝,想要在這片紅海殺出,勢必要了解對手。 我在網...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 本系列下來我們看了不少論文,今天我想討論一下在用手機瀏覽器上網的情況下,彼此的關聯。 回顧一下,我們在為什麼手...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 前言 看到一篇很神奇的論文:Caching Doesn’t Improve Mobile Web Perfo...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 今天討論一下瀏覽器的平行化。像是 Servo 瀏覽器引擎其終旨就是希望做一個平行化的瀏覽器,而 Servo 最...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 前言 今天來談談瀏覽器的安全性連線,也就是講講 HTTPS 是甚麼以及怎麼做? 老樣子我們又回到講解 Serv...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 今天來介紹 font-family。 當我們對 CSS 定義「字形」的時候,會使用 font-family p...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 前兩天(1&2)都找了比較有趣的論文來寫,沒意外都登上熱門了。不過是時候回來講一些比較硬的東西了! 論文 今天...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 今天再來看一篇有趣的論文,題目是 Who Killed My Battery: Analyzing Mobil...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 問題:為什麼手機上網速度比較慢? 今天來點輕鬆的主題。 你有沒有想過,為什麼手機上網速度比較慢? 手機處理器...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 今天繼續以Servo 專案來討論如何實作。 今天主題是 scroll,也就是捲動。當頁面大於視窗,或是元素內容...
本系列目錄 《來做個網路瀏覽器吧!》文章列表 前言 什麼是 Servo? Servo 是一款專為應用軟體和嵌入式應用而設計的現代化的高效能瀏覽器引擎 緣...