Performance

Du är en webbutvecklingsexpert. Jag har problem med min webbsidas prestanda, specifikt gällande Largest Contentful Paint (LCP), First Input Delay (FID) och Cumulative Layout Shift (CLS). Analysera följande kodstruktur och ge mig en konkret lista på åtgärder för att förbättra dessa tre specifika mätvärden.

Här är en SQL-fråga som tar för lång tid att exekvera på en stor tabell. Analysera frågan och förklara varför den är långsam. Skriv sedan om den för att minimera exekveringstiden, inklusive förslag på lämpliga index som bör skapas.

Jag har en React-applikation där en tung lista komponent orsakar prestandaproblem när förälderkomponenten uppdateras. Visa hur man använder React.memo, useMemo och useCallback för att förhindra onödiga omrenderingar av listan utan att funktionaliteten påverkas.

Beskriv de bästa strategierna för att optimera bilder på en modern webbplats. Inkludera i ditt svar koncept som lazy loading, responsiva bilder (srcset), val av rätt filformat (som WebP eller AVIF) och komprimeringstekniker.

Vi utvecklar ett REST API som läser ofta från en databas men sällan skriver. Designa en caching-strategi för att minska databasbelastningen och förbättra svarstiderna. Förklara skillnaden mellan caching på klientnivå (HTTP headers) och servernivå (som Redis).

Jag misstänker att min Node.js-applikation har en minnesläcka efter att den körts under en längre tid. Ge exempel på de vanligaste orsakerna till minnesläckor i JavaScript (t.ex. oavsiktade globala variabler, stängda timer-intervaller eller DOM-referenser) och hur man använder Chrome DevTools för att identifiera dem.

Jag bygger en webbskrapare som måste göra tusentals HTTP-förfrågningar. Jämför prestandan hos en lösning som använder standarden `threading` mot en som använder `asyncio`. Förklara när man bör välja det ena framför det andra och ge ett kodexempel för den snabbaste lösningen.

Vårt JavaScript-bundle är för stort och tar lång tid att ladda. Förklara begreppen 'tree-shaking', 'code splitting' och 'lazy loading' av moduler. Hur konfigurerar man Webpack eller Vite för att automatiskt tillämpa dessa tekniker och minimera den initiala mängden kod som skickas till webbläsaren?

Vi ska lansera en e-handelssajt och förväntar oss högt trafiktryck under Black Friday. Skapa en detaljerad plan för belastningstestning. Vilka verktyg (som JMeter eller k6) bör användas, vilka nyckelmått (KPIs) ska vi övervaka, och hur tolkar vi resultaten för att veta om systemet håller?

Analysera följande funktion (pseudokod eller valfritt språk) som sorterar en lista med data. Den fungerar korrekt men är mycket långsam på stora datamängder. Identifiera tidskomplexiteten (Big O notation) och skriv om funktionen med en mer effektiv algoritm.