Audit PDFs linked from a website by checking file sizes and response headers, the information returned by the server. Flag large downloads for compression review and suggest HTML versions when the content needs a searchable web page.
中文简介正在准备中。当前显示英语简介。
- Auditing report and white paper download links
- Reviewing large PDFs for compression
- Considering HTML versions of PDF content
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit important pages for settings that hide descriptions in Google search results. Check robots meta tags and response headers, report affected URLs, and adjust snippet controls after confirming whether the restriction is intentional.
中文简介正在准备中。当前显示英语简介。
- Investigating missing descriptions in search results
- Auditing snippet settings on key landing pages
- Reviewing robots tags and response headers
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Set and review limits for bundled file size and page performance so CI, automated checks on code changes, can catch regressions. Check enforcement on pull requests and review production monitoring for slowdowns after release.
中文简介正在准备中。当前显示英语简介。
- Reviewing performance limits in CI configuration
- Checking pull requests that add dependencies or assets
- Setting limits for file size and page performance
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review pages for situations where JavaScript is disabled or unavailable. Check that important content appears in the initial HTML and that noscript elements offer useful alternatives, then suggest changes to keep core content and navigation accessible.
中文简介正在准备中。当前显示英语简介。
- Checking page content with JavaScript disabled
- Adding alternatives for JavaScript-dependent features
- Reviewing initial HTML for important content
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review images displayed at different screen sizes and help browsers select appropriately sized files. Check srcset image options, sizes display-width hints, and CSS layout together to identify oversized mobile downloads or mismatched image variants.
中文简介正在准备中。当前显示英语简介。
- Reviewing responsive images in articles
- Reducing oversized image downloads on phones
- Checking image sizes in cards and galleries
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review early connections to third-party services such as fonts and APIs. Use loading measurements to identify essential domains, recommend preconnect hints that prepare connections in advance, and remove unnecessary hints that add overhead.
中文简介正在准备中。当前显示英语简介。
- Investigating connection delays for external fonts and APIs
- Reviewing preconnect hints in the page head
- Removing unnecessary early connections
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review picture elements that select images by format or display conditions. Check fallback images, alternative text, dimensions, and source ordering, then provide corrected HTML with JPEG or PNG fallbacks for browsers that cannot use the selected formats.
中文简介正在准备中。当前显示英语简介。
- Checking fallback images for AVIF or WebP delivery
- Reviewing picture element order and attributes
- Fixing image markup with missing descriptions or dimensions
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Measure page loading speed and identify what prevents a page from loading in under three seconds. Use performance measurements to guide improvements such as lazy loading, caching, CDN delivery, and reducing resource costs.
中文简介正在准备中。当前显示英语简介。
- Investigating slow page loads
- Finding heavy resources and costly rendering steps
- Checking performance on a throttled 3G connection
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review blog posts, landing pages, and guides for readability. Estimate reading difficulty, identify long sentences and jargon, and simplify wording and paragraph structure so broad audiences can follow the content more easily.
中文简介正在准备中。当前显示英语简介。
- Checking a blog post for readability
- Simplifying landing page copy
- Rewriting jargon in a how-to guide
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit web images that are larger than their displayed size and help serve suitable versions for different screens. Review image dimensions, responsive image settings, and Lighthouse findings, then provide updated HTML and steps to verify the changes.
中文简介正在准备中。当前显示英语简介。
- Finding oversized images on mobile pages
- Reviewing srcset and sizes against the actual layout
- Adding image variants for different screen widths
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review pagination markup so people using screen readers or keyboards can understand their current page and move between pages. Check navigation labels, current-page attributes, focusable controls, and announcements when the page changes.
中文简介正在准备中。当前显示英语简介。
- Reviewing pagination in search results
- Checking keyboard navigation between pages
- Improving screen reader labels for pagination
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review HTML object elements and add meaningful fallback content for people who cannot load or view embedded material. Identify missing alternatives, suggest text or appropriate HTML elements, and explain how to verify accessibility.
中文简介正在准备中。当前显示英语简介。
- Find object elements with missing fallback content
- Add alternatives for embedded content that fails to load
- Review whether fallback content conveys equivalent information
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review messages that display counts and check whether each target language gets the correct plural form. Replace simple number-and-text joins or singular/plural branches with Intl.PluralRules or ICU MessageFormat, which select wording according to language-specific rules.
中文简介正在准备中。当前显示英语简介。
- Reviewing count messages in multilingual interfaces
- Adding plural forms for Arabic or Russian
- Checking translation files and i18n settings
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review stylesheets for a CSS reset or normalization layer that reduces differences in browser defaults. Check import order, framework provisions, and rendered layouts across screen sizes and interaction states, then suggest changes for a consistent styling foundation.
中文简介正在准备中。当前显示英语简介。
- Investigating layout differences between browsers
- Choosing a reset for a new site's styles
- Checking reset coverage in a CSS framework
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Find CSS and JavaScript that delay a page’s first visible content. Confirm the bottleneck with browser tools or performance data, then adjust loading behavior and inline essential styles to help the page start rendering sooner.
中文简介正在准备中。当前显示英语简介。
- Investigating a blank screen during page loading
- Reviewing CSS and JavaScript loading behavior
- Inlining styles needed for the initial display
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Find important pages that receive no links from elsewhere on the site. Compare crawl results with sitemaps and indexed pages, then suggest relevant existing pages where descriptive internal links could help connect the content.
中文简介正在准备中。当前显示英语简介。
- Audit internal links across a site
- Investigate pages with low organic search traffic
- Find relevant pages to link to isolated content
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Check images used in social link previews through Open Graph metadata. Verify dimensions, aspect ratio, file size, and HTTPS URLs, then resize assets and update tags to reduce missing images and unwanted cropping.
中文简介正在准备中。当前显示英语简介。
- Auditing social link preview images
- Preparing 1200×630-pixel sharing images
- Investigating missing or cropped preview images
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review form fields for code that blocks pasting, then remove those restrictions. The skill helps check password manager use, keyboard interactions, and accessibility so people can paste passwords and other long values into inputs.
中文简介正在准备中。当前显示英语简介。
- Checking why passwords cannot be pasted
- Reviewing credit card fields for paste restrictions
- Improving form accessibility
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review URL parameters used for filters, sorting, pagination, and tracking. Check canonical tags, which identify a preferred page URL, and recommend consistent handling of URL variants to address duplicate content and unnecessary search engine crawling.
中文简介正在准备中。当前显示英语简介。
- Reviewing filtered and sorted product URLs
- Removing tracking parameters from canonical URLs
- Investigating crawlable URL combinations
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review blog posts, product descriptions, and landing pages for SEO content quality. Check whether they answer readers' search needs, support claims with evidence, show relevant authorship, and offer specific details, then identify areas to rewrite or expand.
中文简介正在准备中。当前显示英语简介。
- Reviewing blog posts for SEO content quality
- Expanding thin product descriptions
- Checking whether landing pages answer search needs
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review slow page loads and choose resource hints, browser instructions that start loading or connecting earlier. Use measurements to identify bottlenecks, then recommend preload, preconnect, prefetch, or dns-prefetch for important assets and likely next-page resources.
中文简介正在准备中。当前显示英语简介。
- Reviewing slow loading of prominent images and fonts
- Preparing connections to external services
- Prefetching resources for likely next-page visits
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit a page’s social sharing URL against its canonical URL, the preferred page address. Identify differences in domains, paths, or tracking parameters, and align the tags to address split share counts.
中文简介正在准备中。当前显示英语简介。
- Investigating unexpectedly low social share counts
- Checking Open Graph tags before publication
- Reviewing tracking parameters and URL variations
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review mobile and tablet pages in portrait and landscape. Identify orientation locks, blocking rotation messages, and hidden controls, then suggest responsive layout changes so essential content and actions remain usable in both orientations.
中文简介正在准备中。当前显示英语简介。
- Checking mobile and tablet orientation support
- Reviewing forms after device rotation
- Inspecting dashboard and media layouts
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review HTTP response headers and restrict browser features an application does not need, such as camera, microphone, and location access. Guide Permissions-Policy settings that limit what attackers could use if the site is compromised.
中文简介正在准备中。当前显示英语简介。
- Review security headers before a release
- Disable unused camera and microphone features
- Check feature restrictions for third-party iframes
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新