3-2-1 Blastoff: Checklist for Website Launch Phil Pelanne | - - PowerPoint PPT Presentation

▶
3 2 1 blastoff
SMART_READER_LITE
LIVE PREVIEW

3-2-1 Blastoff: Checklist for Website Launch Phil Pelanne | - - PowerPoint PPT Presentation

Mar 13, 2023 480 likes •1.3k views

3-2-1 Blastoff: Checklist for Website Launch Phil Pelanne | NewCity Welcome! Phil Pelanne | Director of Technology NewCity - building websites since 1995 Welcome! Phil Pelanne | Director of Technology NewCity - building websites

slide-1
SLIDE 1

Phil Pelanne | NewCity

3-2-1 Blastoff: 


Checklist for Website Launch


slide-2
SLIDE 2
  • NewCity - building websites since 1995

Welcome!

Phil Pelanne | Director of Technology

slide-3
SLIDE 3
  • NewCity - building websites since 1995
  • Phil - launching them since 1998

Welcome!

Phil Pelanne | Director of Technology

slide-4
SLIDE 4
  • NewCity - building websites since 1995
  • Phil - launching them since 1998

Welcome!

Phil Pelanne | Director of Technology

slide-5
SLIDE 5
  • NewCity - building websites since 1995
  • Phil - launching them since 1998

Welcome!

Phil Pelanne | Director of Technology

slide-6
SLIDE 6
  • NewCity - building websites since 1995
  • Phil - launching them since 1998

Welcome!

Phil Pelanne | Director of Technology

slide-7
SLIDE 7
  • NewCity - building websites since 1995
  • Phil - launching them since 1998

Welcome!

Phil Pelanne | Director of Technology

slide-8
SLIDE 8
  • NewCity - building websites since 1995
  • Phil - launching them since 1998
  • Big fan of uninterrupted sleep

Welcome!

Phil Pelanne | Director of Technology

slide-9
SLIDE 9

THANK YOU!

PLEASE SHARE YOUR FEEDBACK: 


WWW.SLIDO.COM
 #0UTC19

slide-10
SLIDE 10

THANK YOU!

PLEASE SHARE YOUR FEEDBACK: 


WWW.SLIDO.COM
 #0UTC19

slide-11
SLIDE 11

THANK YOU!

PLEASE SHARE YOUR FEEDBACK: 


WWW.SLIDO.COM
 #0UTC19

slide-12
SLIDE 12
slide-13
SLIDE 13
slide-14
SLIDE 14
slide-15
SLIDE 15

Infrastructure

Timeframe: All project long

slide-16
SLIDE 16
  • Environment Setup

Infrastructure

All project long

slide-17
SLIDE 17
  • Environment Setup

Infrastructure

Staging Production

All project long

slide-18
SLIDE 18
  • Environment Setup

Infrastructure

Test Production Dev

All project long

slide-19
SLIDE 19
  • Environment Setup
  • Issue Tracker

Infrastructure

All project long

slide-20
SLIDE 20
  • Environment Setup
  • Issue Tracker
  • Continuous Integration

Infrastructure

All project long

slide-21
SLIDE 21
  • Environment Setup
  • Issue Tracker
  • Continuous Integration

Infrastructure

All project long

slide-22
SLIDE 22
  • Environment Setup
  • Issue Tracker
  • Continuous Integration
  • Automated Testing

Infrastructure

Jest AVA Pa11y NightWatchJS BackstopJS

All project long

slide-23
SLIDE 23

Regular Testing

Timeframe: All project long

slide-24
SLIDE 24
  • Accessibility testing

Regular Testing

Stark Contrast App

All project long

slide-25
SLIDE 25
  • Accessibility testing

Regular Testing

Colorblindly Lighthouse WebAIM WAVE

All project long

slide-26
SLIDE 26
  • Accessibility testing
  • Responsive testing

Regular Testing

All project long

slide-27
SLIDE 27
  • Accessibility testing
  • Responsive testing
  • SEO considerations

Regular Testing

Sortsite Lighthouse WebCEO SiteImprove

All project long

slide-28
SLIDE 28
  • Accessibility testing
  • Responsive testing
  • SEO considerations
  • Linting

Regular Testing

All project long

slide-29
SLIDE 29

Front-end Performance

Timeframe: about a month

slide-30
SLIDE 30
  • Image optimization / type

Front-end Performance

ImageOptim JPEGMini

About a month

Dev Tools: Services: Utilities:

slide-31
SLIDE 31
  • Image optimization / type

Front-end Performance

About a month

vs

slide-32
SLIDE 32
  • Image optimization / type
  • CSS / JavaScript

Front-end Performance

About a month

slide-33
SLIDE 33
  • Image optimization / type
  • CSS / JavaScript
  • Use a content


delivery network

Front-end Performance

About a month

slide-34
SLIDE 34
  • Image optimization / type
  • CSS / JavaScript
  • Use a content


delivery network

Front-end Performance

About a month

slide-35
SLIDE 35
  • Image optimization / type
  • CSS / JavaScript
  • Use a content


delivery network

  • Testing services

Front-end Performance

Pagespeed Insights YSlow WebPageTest

About a month

slide-36
SLIDE 36
  • Image optimization / type
  • CSS / JavaScript
  • Use a content


delivery network

  • Testing services
  • Server considerations
  • Expiration headers
  • Gzip
  • HTTP/2

Front-end Performance

About a month

slide-37
SLIDE 37

SEO Considerations

Timeframe: about a month

slide-38
SLIDE 38
  • 301 redirects

SEO Considerations

301

About a month

slide-39
SLIDE 39
  • 301 redirects
  • Sitemap generation

SEO Considerations

About a month

slide-40
SLIDE 40
  • 301 redirects
  • Sitemap generation
  • Canonical URLs

SEO Considerations

www
 no www https
 http /index.html No filename www
 https
 no filename

About a month

slide-41
SLIDE 41
  • 301 redirects
  • Sitemap generation
  • Canonical URLs
  • GTM / Analytics

SEO Considerations

About a month

slide-42
SLIDE 42

Accessibility Testing

Timeframe: about a month

slide-43
SLIDE 43
  • Contrast

Accessibility Testing

Stark Contrast App

About a month

slide-44
SLIDE 44
  • Contrast
  • Browser extensions

Accessibility Testing

Colorblindly Lighthouse WebAIM WAVE

About a month

slide-45
SLIDE 45
  • Contrast
  • Browser extensions
  • Automated testing

Accessibility Testing

Pa11y aXe

About a month

slide-46
SLIDE 46
  • Contrast
  • Browser extensions
  • Automated testing
  • Lean on the CMS

Accessibility Testing

About a month

slide-47
SLIDE 47
  • Contrast
  • Browser extensions
  • Automated testing
  • Lean on the CMS
  • Keyboard / Screenreader

Accessibility Testing

VoiceOver

About a month

slide-48
SLIDE 48
  • Contrast
  • Browser extensions
  • Automated testing
  • Lean on the CMS
  • Keyboard / Screenreader
  • Plan for the future

Accessibility Testing

Sortsite SiteImprove DubBot Dinolytics

About a month

slide-49
SLIDE 49

Minutiae

Timeframe: about a month

slide-50
SLIDE 50
  • Forms

Minutiae

About a month

slide-51
SLIDE 51
  • Forms
  • Legacy stuff

Minutiae

About a month

slide-52
SLIDE 52
  • Forms
  • Legacy stuff
  • Favicon

Minutiae

About a month

slide-53
SLIDE 53
  • Forms
  • Legacy stuff
  • Favicon
  • Legal

Minutiae

About a month

slide-54
SLIDE 54
  • Forms
  • Legacy stuff
  • Favicon
  • Legal
  • Print stylesheet

Minutiae

About a month

slide-55
SLIDE 55
  • Forms
  • Legacy stuff
  • Favicon
  • Legal
  • Print stylesheet

Minutiae

About a month

slide-56
SLIDE 56

DNS

Timeframe: a week from launch

slide-57
SLIDE 57
  • Time to live

DNS

A week from launch

> dig www.tamu.edu @ns1.tamu.edu www.tamu.edu. 300 IN CNAME www-lb.tamu.edu

slide-58
SLIDE 58
  • Time to live

DNS

A week from launch

mxtoolbox.com

slide-59
SLIDE 59
  • Time to live
  • Who should know?

DNS

What people or group? Availability Comm channels

A week from launch

slide-60
SLIDE 60
  • Time to live
  • Who should know?
  • When is switch?

DNS

A week from launch

slide-61
SLIDE 61
  • Time to live
  • Who should know?
  • When is switch?
  • What should change?

DNS

  • A record
  • CNAME record
  • AAAA record(s)

A week from launch

slide-62
SLIDE 62
  • Time to live
  • Who should know?
  • When is switch?
  • What should change?
  • Is there internal DNS?

DNS

A week from launch

slide-63
SLIDE 63

All the Scans

Timeframe: a week from launch

slide-64
SLIDE 64
  • Broken links

All the Scans

Integrity App SiteImprove

A week from launch

slide-65
SLIDE 65
  • Broken links
  • Accessibility

All the Scans

Sortsite SiteImprove DubBot Dinolytics

A week from launch

slide-66
SLIDE 66
  • Broken links
  • Accessibility
  • Spelling

All the Scans

Sortsite SiteImprove Scrutiny Typeosaur

A week from launch

slide-67
SLIDE 67
  • Broken links
  • Accessibility
  • Spelling
  • Remove test stuff

All the Scans

A week from launch

slide-68
SLIDE 68
  • Broken links
  • Accessibility
  • Spelling
  • Remove test stuff
  • Load testing

All the Scans

A week from launch

slide-69
SLIDE 69

Day-of planning

Timeframe: a week from launch

slide-70
SLIDE 70
  • Who is involved?

Day-of planning

  • What people or group?
  • Availability

A week from launch

slide-71
SLIDE 71
  • Who is involved?
  • What gets turned off?

Day-of planning

  • Consolidated sites
  • Redirects!
  • Related services:
  • Search
  • CDN
  • Monitoring

A week from launch

slide-72
SLIDE 72
  • Who is involved?
  • What gets turned off?
  • Previous site access

Day-of planning

  • old.example.com
  • www2.example.com
  • Update robots.txt
  • Restrict access

A week from launch

slide-73
SLIDE 73
  • Who is involved?
  • What gets turned off?
  • Previous site access
  • Monitoring

Day-of planning

A week from launch

slide-74
SLIDE 74
  • Who is involved?
  • What gets turned off?
  • Previous site access
  • Monitoring
  • Rollback strategy

Day-of planning

  • Low TTL helps
  • Redirect to www2 in emergency
  • Republishing

A week from launch

slide-75
SLIDE 75
  • Who is involved?
  • What gets turned off?
  • Previous site access
  • Monitoring
  • Rollback strategy
  • Communication channels

Day-of planning

  • Video - war room
  • Chat - Slack channel for launch
  • Fallback mobile numbers

A week from launch

slide-76
SLIDE 76

Launch Day!

Timeframe: OMG OMG OMG

slide-77
SLIDE 77
  • Robots.txt
  • Sitemap submission
  • Cache enabling
  • Verify SSL
  • Test redirects
  • Search index
  • Disable sites / set up

redirects

  • Followup 404 scan

Launch Day!

Immediately after launch

slide-78
SLIDE 78

Watch & Listen

Timeframe: days to weeks after launch

slide-79
SLIDE 79
  • Uptime tracking
  • Performance monitoring
  • Analytics alarms
  • Regular scanning
  • Keep using that 


issue queue!

Watch & Listen

Days to weeks after launch

slide-80
SLIDE 80

THANK YOU!

Download your own checklist:

NWCTY.COM/LAUNCH