thedaviddias/front-end-checklist

1

performance-resource-hints Use when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading…

thedaviddias/front-end-checklist

8

2

preconnect Use when auditing slow page loads, heavy assets, or rendering delays related to Use preconnect for critical third-par…

thedaviddias/front-end-checklist

8

3

product Use when auditing e-commerce product pages or implementing structured data for a shop. Applies to any page selling or…

thedaviddias/front-end-checklist

8

4

render-blocking Use when auditing slow page loads, heavy assets, or rendering delays related to Eliminate render-blocking resources. …

thedaviddias/front-end-checklist

8

5

svg-optimization Use when reviewing image assets, markup, and CDN or build transforms related to Optimize SVG files. Check encoded siz…

thedaviddias/front-end-checklist

8

6

terms-of-service Use when reviewing whether a website or web application has a visible Terms of Service link accessible from every pag…

thedaviddias/front-end-checklist

8

7

ttfb Use when auditing slow first responses on SSR pages, APIs, or cacheable HTML. Distinguish origin compute time from ne…

thedaviddias/front-end-checklist

8

8

unit-tests Use when reviewing CI coverage, automated checks, or test strategy related to Write unit tests. Focus on whether the …

thedaviddias/front-end-checklist

8

9

viewport Use when reviewing templates, rendered HTML, or shared components related to Set the responsive viewport meta tag. Va…

thedaviddias/front-end-checklist

8

10

author-byline Use when auditing metadata, crawlability, structured data, or indexability related to Display clear author bylines. V…

thedaviddias/front-end-checklist

7

11

citations Use when auditing metadata, crawlability, structured data, or indexability related to Cite authoritative external sou…

thedaviddias/front-end-checklist

7

12

clean-up-comments Use when reviewing templates, rendered HTML, or shared components related to Remove comments and debug code in produc…

thedaviddias/front-end-checklist

7

13

consistent-help Use when reviewing support UI across multi-page flows such as checkout, onboarding, account recovery, or support jour…

thedaviddias/front-end-checklist

7

14

contract-testing Use when setting up integration testing for a frontend-backend API boundary, evaluating whether two services are safe…

thedaviddias/front-end-checklist

7

15

cookie-consent Use when reviewing a website for GDPR/CCPA compliance, specifically whether cookie consent is obtained before non-ess…

thedaviddias/front-end-checklist

7

16

critical-request-chains Use when auditing slow page loads, heavy assets, or rendering delays related to Minimize critical request chains. Ver…

thedaviddias/front-end-checklist

7

17

cross-browser-testing Use when reviewing CI coverage, automated checks, or test strategy related to Test across all major browsers. Focus o…

thedaviddias/front-end-checklist

7

18

css-print Use when reviewing stylesheets, component styles, and responsive behavior related to Include a print stylesheet. Chec…

thedaviddias/front-end-checklist

7

19

custom-element-accessibility Use when reviewing custom element class definitions or Web Component source code to check for missing ARIA reflection…

thedaviddias/front-end-checklist

7

20

dead-end-pages Use when auditing a site's internal link graph for dead-end pages, suggesting related-content links to add to thin or…

thedaviddias/front-end-checklist

7

21

debounce-throttle Use when reviewing scripts, client components, bundles, or runtime behavior related to Debounce and throttle event ha…

thedaviddias/front-end-checklist

7

22

defer-async Use when reviewing templates, rendered HTML, or shared components related to Load scripts with defer, async, or type=…

thedaviddias/front-end-checklist

7

23

direction-attribute Use when reviewing templates, rendered HTML, or shared components related to Set text direction for RTL languages. Va…

thedaviddias/front-end-checklist

7

24

duplicate-id-active Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for act…

thedaviddias/front-end-checklist

7

25

duplicate-id-aria Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for ARI…

thedaviddias/front-end-checklist

7

26

e2e-testing Use when reviewing CI coverage, automated checks, or test strategy related to Implement end-to-end testing. Focus on …

thedaviddias/front-end-checklist

7

27

favicon Use when checking whether a site has a correctly configured favicon, auditing `<link rel='icon'>` tags in the `<head>…

thedaviddias/front-end-checklist

7

28

fetchpriority-attribute Use when optimising Largest Contentful Paint (LCP), reducing render-blocking resource contention, or fine-tuning reso…

thedaviddias/front-end-checklist

7

29

focus-order Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure logical focus o…

thedaviddias/front-end-checklist

7

30

font-size Use when applies to all CSS `font-size` declarations, particularly those using `px` units for body text, UI labels, a…

thedaviddias/front-end-checklist

7

31

form-validation Use when reviewing templates, rendered HTML, or shared components related to Validate forms accessibly.

thedaviddias/front-end-checklist

7

32

horizontal-scroll Use when applies to all CSS layout rules. Check `width`, `min-width`, fixed pixel values on containers, `overflow`, `…

thedaviddias/front-end-checklist

7

33

indexability Use when auditing a site for accidental noindex directives, investigating why important pages are not appearing in Go…

thedaviddias/front-end-checklist

7

34

indexability-conflicts Use when auditing a site for indexability issues, investigating why pages appear in Google's index that should be exc…

thedaviddias/front-end-checklist

7

35

javascript-inline Use when reviewing scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript. Inspe…

thedaviddias/front-end-checklist

7

36

javascript-minification Use when reviewing scripts, client components, bundles, or runtime behavior related to Minify all JavaScript files. I…

thedaviddias/front-end-checklist

7

37

js-redirects Use when auditing slow page loads, heavy assets, or rendering delays related to Avoid JavaScript-based redirects. Ver…

thedaviddias/front-end-checklist

7

38

json-safety Use when reviewing scripts, client components, bundles, or runtime behavior related to Parse JSON safely with error h…

thedaviddias/front-end-checklist

7

39

lang-attribute Use when applies to all HTML documents. Check the `<html>` opening tag for a `lang` attribute with a non-empty, valid…

thedaviddias/front-end-checklist

7

40

legacy-js Use when auditing slow page loads, heavy assets, or rendering delays related to Avoid serving legacy JavaScript to mo…

thedaviddias/front-end-checklist

7

41

link-text Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use descriptive link t…

thedaviddias/front-end-checklist

7

42

list-virtualization Use when reviewing dashboards, admin tables, search results, or feeds with many repeated items. Confirm the bottlenec…

thedaviddias/front-end-checklist

7

43

llms-txt Use when auditing public documentation portals, API references, help centers, SDK docs, or large knowledge bases. Che…

thedaviddias/front-end-checklist

7

44

local-business Use when auditing a local business website's structured data. Applies to any business that serves customers at a phys…

thedaviddias/front-end-checklist

7

45

logical-properties Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS logical properties for i…

thedaviddias/front-end-checklist

7

46

memory-leaks Use when reviewing scripts, client components, bundles, or runtime behavior related to Prevent common memory leak pat…

thedaviddias/front-end-checklist

7

47

meta-in-body Use when auditing HTML document structure. Applies to any page where meta tags (noindex, canonical-url, description, …

thedaviddias/front-end-checklist

7

48

navigation-landmark Use when reviewing templates, rendered HTML, or shared components related to Use navigation landmark regions. Validat…

thedaviddias/front-end-checklist

7

49

og-image-size Use when auditing Open Graph tags or generating og:image assets. Applies to any page that may be shared on social net…

thedaviddias/front-end-checklist

7

50

organization Use when auditing structured data on a business or brand website homepage. Applies to organisations, companies, non-p…

thedaviddias/front-end-checklist

7