Go live checklist

A checklist for all projects that are going live

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://
  • Lint (s)css sources
  • Webfonts: is the live domain configured in services like Typekit, Fonts.com etc.?
  • Is the browserlist properly configured for autoprefixer and babel-preset-env?

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 and 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. Back end checklist

  • Scan database for urls to development domain

Remove

  • Check client’s logo in header
  • Open up /blender
  • Remove unused modules from main menu
  • Configure Analytics dashboard
  • Create a new admin and try to log in
  • Try the password reset flow for existing user
  • Try saving article / news / …
  • Verify all e-mail recipients are correct

5. Server, DNS & Services

Remove

  • 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 the content of robots header is current with curl-I https://url on x-robots-tag

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?
  • Is the url being monitored by our uptime-monitor?
  • Is the server being monitored by our server-monitor?

Remove

  • Is the output of artisan task backup:run ok?
  • Is artisan scheduled on Forge?
  • Is Horizon configured in Supervisor on Forge?
  • Are the queues set up on Forge? (‘default’ and ‘media_queue’)? Do they have a low max return limit?

Github

  • Remove develop branch or other stale branches

Based on: