Q1easyWhat is Tree Shaking in modern frontend frameworks (React/Vue)?AA process that eliminates "dead code" (unused functions/modules) from the final JavaScript bundle.BAn animation technique to make buttons shake.CDeleting the entire node_modules folder.DRemoving all whitespace from CSS files.Check AnswerReveal Answer & ExplanationDiscuss on Board
Q2medium(Calculation/Comparison) A page uses 3 high-res images (5MB each). If we enable compression (e.g., Brotli/Gzip), which metric is improved?ANetwork LatencyBPayload SizeCCSS Rendering SpeedDDOM Tree DepthCheck AnswerReveal Answer & ExplanationDiscuss on Board
Q3mediumA script tag is placed at the end of the <body>. How does this compare to using <script defer> in the <head>?AThe defer tag is slower.BBoth are "best practices" to avoid blocking the initial rendering of the HTML content.CBoth will crash the browser.DThe end-of-body tag is faster.Check AnswerReveal Answer & ExplanationDiscuss on Board
Q4mediumAn e-commerce site hosts its static images on a server in Tokyo. Users in London experience high latency. What architectural solution solves this?AIncreasing the server's RAM.BSwitching the database to NoSQL.CCompressing the CSS files.DUsing a Content Delivery Network (CDN) to cache images on servers closer to the users.Check AnswerReveal Answer & ExplanationDiscuss on Board
Q5easyWhat does Lazy Loading mean?AForcing the browser to load all images at once for a smooth experience.BWriting code that runs in the background.CDelaying the loading of non-essential resources (like images below the fold) until the user scrolls to them.DUsing multiple threads to run the browser.Check AnswerReveal Answer & ExplanationDiscuss on Board
Q6easyWhat is the main benefit of Minifying your JavaScript and CSS files?AIt makes the code easier for developers to read.BIt removes all unnecessary characters (whitespace, comments) to reduce file size, leading to faster download times.CIt forces the browser to use a specific engine.DIt encrypts the code to prevent hacking.Check AnswerReveal Answer & ExplanationDiscuss on Board
Q7mediumYou notice that when your page loads, the text shifts downward suddenly because an image above it loaded 2 seconds later. Which Core Web Vital does this negatively impact?ALargest Contentful Paint (LCP)BTime to First Byte (TTFB)CCumulative Layout Shift (CLS)DFirst Input Delay (FID)Check AnswerReveal Answer & ExplanationDiscuss on Board
Q8easyWhat is the impact of CSS Bloat?AIt helps in SEO indexing.BIt increases the CSSOM construction time and causes the browser to download unnecessary rules.CIt increases the security of the page.DIt makes the browser engine faster.Check AnswerReveal Answer & ExplanationDiscuss on Board
Q9mediumWhich HTTP 1.1 limitation is solved by Domain Sharding (an older, hacky trick for performance)?AThe inability to load images.BThe lack of support for HTTPS.CThe limitation of URL length. index.htmlDThe limitation that browsers limit the number of parallel connections to a single domain (usually to 6).Check AnswerReveal Answer & ExplanationDiscuss on Board
Q10mediumThe browser is trying to execute a script. Why does the code below likely slow down the page render?AIt is a "parser-blocking" script; the browser must stop and download/execute it before it can continue building the DOM.BJavaScript is only allowed at the end of the body.CThe script is too large to fit in RAM.DThe browser requires a specific license to run it.Check AnswerReveal Answer & ExplanationDiscuss on Board