A checklist for all projects that are going live

This checklist is used whenever a project is going live at https://spatie.be

1. Browserstack tests

• Desktop: test on latest versions of Chrome, IE/Edge, Firefox, Safari
• Mobile: test on latest versions of Mobile Safari, Android

2. Front-end checklist

Assets

• Search sources for http://. Replace by https://
• Run csscomb on scss assets
• Webfonts: is the live domain configured in services like Typekit, Fonts.com etc.?

Scripts

• Only jQuery v3 may be used. All references to jQuery 2 must be removed npm ls jquery
• Is yarn.lock present?
• Check JS lint errors. Remove all console.log lines in scripts
• Check for console errors

Page weight

• Evaluate total weight of at least homepage
• Open Inspector network/timeline tab to identify heavy assets
• Check if heavy assets are cached

Performance

• Use the Chrome DevTools and throttle your CPU and network with 10x CPU slowdown and set the network to "Good 3G".

3. Check content (with an open console)

• Are all strings / images present (and translated)?
• Does menu/submenu have a correct active state on every page?
• Are 404, 500 en 503 pages provided? Do they provide useful content like 'back to home', search or a navigation tree?
• Check all pages for n+1 problems

Meta

• Check page titles / descriptions
• Test Facebook sharing. Provide og-tags if needed
• Does Favicon load? Pin the tab in Safari to check pinned icon

Repeat this section for all languages

Components

• Google Maps
  • API key needed/configured?
  • Check info windows
  • Prevent zoom out beyond 1x world
  • Try clicking on markers
• Forms: fill out with wrong/right values
• Video: check with sound on
• Try subscribing to a newsletter with incorrect & correct email (use correct mail twice to get 'already subscribed' message)
• Check layout of emails
• Check structured data for news, events, products,... https://search.google.com/structured-data/testing-tool/

4. Server, DNS & Servics

• Add redirects from old to new pages if necessary.
• Install Let's Encrypt certificate
• Check SSL certificate health https://www.ssllabs.com/ssltest/
• Check your hostfile to make sure you're looking at the live site
• Try visiting www domain, should redirect to non-www
• Try out visiting http, should redirect to https
• Verify that all http status codes are ok with https://github.com/spatie/http-status-check
• Scan for mixed content with https://github.com/bramus/mixed-content-scan
• Verify that the content of robots header is current with curl -I https://url on x-robots-tag
• Remove development DNS record
• Check dns propagation with https://www.whatsmydns.net/
• Verify Tag Manager / Analytics have been correctly set up

Google Search Console

• Submit all www/non-www http/https variations
• Set up non-www https as the preferred domain
• Crawl > Fetch as Google > Submit to index to kickstart index

Server

• Are Digital Ocean backups enabled?
• Are Amazon backups enabled?
• Has New Relic license server monitoring been set up?
• Is the output of artisan task backup:run ok?
• Is artisan scheduled on Forge?
• Are the queues set up on Forge? ('default' and 'media_queue')?
• Is the url being monitored by our uptime-monitor?

5. Final checks

• Open up /blender
• Try the password reset flow
• Try saving article / news / ...
• Verify all e-mail recipients are correct
• Check client's logo in header

About Spatie

Spatie is a webdesign agency based in Antwerp, Belgium. You'll find an overview of all our open source projects on our website.