Feb 1 · 2 min read · What a browser actually is (beyond “it opens websites”) A browser is a tool which does a lot of things beyond just opening websites: It talks to the server Acts as client in client-server architecture Handles documents Parses HTML and CSS into DO...
Join discussion
Feb 6, 2025 · 3 min read · 網頁前端 SSR CCR 概念 SSR（伺服器端渲染） 就像媽媽畫畫給你看 當你要看畫時，你打電話給媽媽，媽媽在家裡把畫畫好，然後把這幅已經完成的畫交給你看。你一拿到畫，就馬上可以欣賞到全部的顏色和細節。 優點 一開始你就能看到完整的畫面，因為畫已經畫好了。 搜尋引擎（像是網路上的小偵探）也能很容易看到完整的內容。 缺點 如果每次換一幅畫都要等媽媽重新畫，可能會花比較多時間。 如果很多小朋友同時要媽媽畫畫，媽媽可能會忙不過來（伺服器負擔重）。 CSR（客戶端渲染） 就像你自己拿著顏色筆來畫畫 當...
Join discussionDec 22, 2024 · 4 min read · The most important thing on the web is the Browser. But how do browsers render the websites that we see on the Internet? First of all, let us understand what is a browser : Browser is simple software that can load and execute the requested files by t...
Join discussion
Jun 22, 2024 · 11 min read · In my opinion, understanding the rendering process is important for web developers, as it can help identify performance issues and optimize the display of web pages. In this article, I will explain the steps browsers take and share performance tips t...
Join discussion
Mar 12, 2023 · 13 min read · This article was initially published in my custom blog, but since I migrate to hashnode, I re-visited and re-wrote it The article focuses on the event loop, the order of execution, and how developers can optimise code. The fully detailed schema: Eve...
GGKPMGerald and 9 more commentedNov 14, 2022 · 4 min read · It took me time to grasp the concept behind the requestAnimationFrame method. So I will briefly explain how to use requestAnimationFrame in web animations. Before then, let us understand how this method came to be and its advantages/uses. What is ani...
VVictoria commented
Feb 5, 2021 · 2 min read · 수정된 렌더 트리를 다시 렌더링하는 과정에서 발생하는 것으로 웹 애플리케이션의 성능을 떨어뜨리는 주된 요인이다. 극단적인 경우, CSS 효과로 인해 JavaScript 의 실행 속도가 느려질 수도 있다. 따라서 Browser Rendering process를 이해하고 적절히 Optimazation해줄 필요성이 있다. Browser Rendering Process 브라우저마다 다른 렌더링 엔진을 사용하고 있다. 크롬/사파리 - 웹킷(webkit)...
Join discussion