SlideShare a Scribd company logo
zeropointdevelopment.com for WordPress Sydney
Wil Brown
@DeveloperWil
Make image file sizes as small as possible before
uploading to your website.
Image file size largely depends on width x height
– Remove embedded data: EXIF, aperture, ISO,
geolocation
– Quality: JPG (max, high, medium, low)
@DeveloperWil #wpsyd
1
Image Squishing Tools
– Kraken.io – web-based image optimiser. Pricing
plans increase for larger amounts of data.
– TinyPNG – free web-based image optimiser for JPG
and PNG files.
– PNGGauntlet – free Windows desktop app for
optimising images.
@DeveloperWil #wpsyd
1
Use srcset to show different image sizes to
different screen sizes.
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w">
With srcset, the browser does the work of figuring
out which image is best.
@DeveloperWil #wpsyd
1
Themes can contain 100’s of CSS and JS files.
– In HTTP v1 they all load asynchronously (after each
other)
– During development we need these files to be
readable
– Readable files contain lots of white space and
comments
– File sizes can be large
@DeveloperWil #wpsyd
2
Minification removes white spaces and comments
to shrink the file size.
@DeveloperWil #wpsyd
2
Original “style.css”:
//**** Colour CSS ***//
.a{
color: blue;
}
.a:hover{
color: orange;
}
Becomes “style.css.min”:
.a{color:blue;}.a:hover{color:orange;}
Non-developers:
– Auptomize plugin
Developers:
– Research running a task runner called Gulp
– Integrate into your development environment
– Real-time minification to *.css.min
– Enqueue only *.css.min files
@DeveloperWil #wpsyd
2
“Speed up” page rendering by moving JavaScript
files into the footer area.
Browser loads page HTML and CSS, displays on
browser, then starts to load JS scripts
Faster page = Google likes
@DeveloperWil #wpsyd
3
Non-developers:
– Scripts to Footer plugin
Developers:
– Use wp_enqueue_script() function
– Set last parameter bool $in_footer = true
@DeveloperWil #wpsyd
3
@DeveloperWil #wpsyd
4
Chrome 62 shows http: URLs as “Not secure”
Chrome 70 shows red warning on HTTP forms
All forms, not only cart checkout and payment
forms need to be secured by HTTPS.
As of 2018 HTTPS is a significant Google ranking
signal.
Secure sites rank higher than similar non-secure
sites.
@DeveloperWil #wpsyd
4
Use Let’s Encrypt link on cPanel
Free DV SSL certificate with wildcards.
DV, OV & EV Certificates explained. EV Certs dead!
@DeveloperWil #wpsyd
4
Avoid Google finding broken links after your site
launch.
– Prevents search bots indexing your entire site
– Affects your ranking position
Do not install the Broken Link Checker plugin.
– Not maintained +2 years
– Maxes-out server RAM and CPU
– Slows down your server
@DeveloperWil #wpsyd
5
Use a broken link checking service instead.
– Brokenlinkcheck.com – web service.
Limited link depth but will cover most websites.
– Crawly – free and paid services.
– Google Analytics – Behaviour > Site Content > All
Pages and search for your 404.php page.
@DeveloperWil #wpsyd
5
Skip this step if launching a brand new site.
If you are moving sites, domains, pages and post
around you really need to be implementing
redirection so that you don’t lose existing SEO
traffic.
@DeveloperWil #wpsyd
6
Non-developers:
– Yoast SEO Premium – The Premium upgrade is good
for redirections and lots more SEO stuff
– Redirection plugin
Developers and System Admins
– Apache web server: add rewrites to .htaccess file
– Nginx: add rewrite statements to location server
block
@DeveloperWil #wpsyd
6
Site icons, called Favicons play an important part
in branding.
Extensively used on mobiles and tables for
bookmarking sites and pages
@DeveloperWil #wpsyd
7
Use an on-line generator:
– favicon.cc
– favicongenerator
– iconifer – this also generates Apple Icons
Download as a zip file and unpack in the
WordPress root folder.
@DeveloperWil #wpsyd
7
On-page SEO is crucial to get ranked properly
Google, Facebook and Twitter snippet previews
@DeveloperWil #wpsyd
8
In-depth content analysis
@DeveloperWil #wpsyd
8
• Target keyphrase
• In-depth content readability analysis
• Suggested internal posts to link to
• Change snippet appearance for Facebook and
Twitter (image, title & description)
• Site-map generation, + lots more
Read my step-by-step guide to setting up the Yoast
SEO plugin.
@DeveloperWil #wpsyd
8
Security is key to maintaining your website
authority, brand and customer confidence and
loyalty.
WordPress’ popularity has made it a BIG target for
hackers.
Install Wordfence before you launch!
@DeveloperWil #wpsyd
9
Installing a firewall plugin is a great first step.
Website security is more than just installing a
firewall plugin.
@DeveloperWil #wpsyd
10
• Social Engineering
• Usernames & Passwords
• Unix File Permissions
• WP File & Folder Perms
• WP Config Files
• Server Malware
• Updating WordPress
• Automatic WP Updates
• Avoid “Free” Paid Themes
• Malware in Themes
• Malware in Plugins
• Tim Thumb Script still lives
• SSL Certificates
• Secure WP Dashboard
• Software Firewalls
• Limit Login Attempts
• WordPress Backups
• 2FA Security Login
• Moving wp-content Folder
• Prevent Script Injections
• Secure wp-admin folder
• .... +more
@DeveloperWil #wpsyd
10
Watch my WordPress Security Best Practices 2017
video.
@DeveloperWil #wpsyd
10
Make your site load super fast
@DeveloperWil #wpsyd
11
I recommend using W3 Total Cache (free)
Works especially well with Nginx servers. UI sucks.
Remember to exclude dynamic pages such as
checkouts, member dashboards and payment
forms.
You can also try WP Rocket (paid $49USD/year)
“Recognized as the most powerful caching plugin by WordPress experts”
@DeveloperWil #wpsyd
11
Want to double up on speed?
Run your site through the Cloudflare CDN (icon on
cPanel)
A Content Delivery Network is a kind of global
caching system.
They keep fragments of your visited website on
servers dotted around the planet.
@DeveloperWil #wpsyd
11
You’d be bonkers mad if you didn’t sign up a site to
use Google Analytics before launch.
– Free and provides heaps of data on website data and
content being consumed
One of the best plugins to use with Google
Analytics is MonsterInsights.
– Brings GA overview data to your WP dashboard
– adds the GA JavaScript code so you don’t have to
@DeveloperWil #wpsyd
12
@DeveloperWil #wpsyd
12
You need to be able to restore a site quickly if
there are any problems.
Issues can result from updating badly developed
plugins, PHP version incompatibilities, hacking and
a myriad of other stuff.
Having backups are hand is uber critical.
@DeveloperWil #wpsyd
13
I recommend using VaultPress (paid)
– $5USD/month :daily backups, 30-day retention
– $15USD/month :real-time backups, unlimited retention
Other backup plugins:
– XCloner – free, backup to Amazon S3, sFTP
Also has a server cron script (WP Cron sucks)
– Backup Buddy – was never 100% reliable for
– BackWPUp – Backup to Amazon S3, Dropbox, FTP
and more.
@DeveloperWil #wpsyd
13
Do testing before launching a website!
What to test?
• Form submissions – did you get the email notification? Was the
confirmation message/redirection OK?
• Button links – do they go to the correct place?
• Email addresses – are the obfuscated and do they link to the
correct mailto: address?
• Navigation links – do they work OK? Are all your navigation
menus responsive?
@DeveloperWil #wpsyd
14
• Sign-ups – do your sign-up add the correct details to the correct
mailing list?
• Payments – is your checkout working? Is the money arriving in the
bank? Are they the correct prices?
• Registrations – are they working? Does the user get a
notification? Can the login?
• Dashboards – what can the logged in user see? Is it correct?
• Permissions/User Roles – can the correct level of user see the
correct stuff?
• Comments – are they working? Catching spam? Moderation
working?
• Console errors – are there any errors in Chrome console? 404 can’t
load resource? JavaScript errors?
@DeveloperWil #wpsyd
14
1. Optimise Images
2. Minify CSS and JS Files
3. Load JS Files in Footer
4. Install SSL Certificate
5. Check Broken Links
6. Set Up Redirections
7. Favicons & Apple Icons
@DeveloperWil #wpsyd
8. Set Up Yoast SEO
9. Install Wordfence
10. Secure the Website
11. Set Up Caching & CDN
12. Set Up Google Analytics
13. Set Up and Test Backups
14. Run Site Tests
@DeveloperWil #wpsyd
You can read my accompanying blog article that
goes into more depth in each of these areas.
Download PDF and MS Word Checklist
Resources
https://rebrand.ly/launching-website-33327
[Front Cover] zeropointdevelopment.com
[10] PN Melbourne pn.com.au
[12] cpanel.com
[14] google.com
[19,20] zeropointdevelopment.com
[25] zeropointdevelopment.com
[26] giphy.com
[30] monsterinsights.com
[Back Cover] zeropointdevelopment.com
@DeveloperWil #wpsyd
WordPress Consultant & Developer
Plugins, APIs, Security, eCommerce
Organiser WPSyd & WordCamp Sydney
@DeveloperWil #wpsyd
zeropointdevelopment.com
linkedin.com/in/developerwil
@DeveloperWil
♥ Pizza & Craft Beer
@DeveloperWil #wpsyd
@DeveloperWil

More Related Content

What's hot

How to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy StepsHow to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy Steps
Singsys Pte Ltd
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
Christian Heilmann
 
High-Speed HTML5
High-Speed HTML5High-Speed HTML5
High-Speed HTML5
Peter Lubbers
 
Automating Google Lighthouse
Automating Google LighthouseAutomating Google Lighthouse
Automating Google Lighthouse
Hamlet Batista
 
WordPress Website Creation Training Course Slides
WordPress Website Creation Training Course SlidesWordPress Website Creation Training Course Slides
WordPress Website Creation Training Course Slides
Equinet Academy
 
Best Friend || Worst Enemy: WordPress Multisite
Best Friend || Worst Enemy: WordPress MultisiteBest Friend || Worst Enemy: WordPress Multisite
Best Friend || Worst Enemy: WordPress Multisite
Taylor McCaslin
 
Getting started with WordPress development
Getting started with WordPress developmentGetting started with WordPress development
Getting started with WordPress development
Steve Mortiboy
 
Wordpress Plugin Development Short Tutorial
Wordpress Plugin Development Short TutorialWordpress Plugin Development Short Tutorial
Wordpress Plugin Development Short Tutorial
Christos Zigkolis
 
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
Bastian Grimm
 
Increase Your WordPress Website's Google PageSpeed Score
Increase Your WordPress Website's Google PageSpeed ScoreIncrease Your WordPress Website's Google PageSpeed Score
Increase Your WordPress Website's Google PageSpeed Score
Brainspire Solutions
 
Alice Phieu - WordPress For Beginners
Alice Phieu - WordPress For BeginnersAlice Phieu - WordPress For Beginners
Alice Phieu - WordPress For Beginners
Alice Phieu
 
Mobile App Performance, Dublin MOT
Mobile App Performance, Dublin MOTMobile App Performance, Dublin MOT
Mobile App Performance, Dublin MOT
Doug Sillars
 
WordPress Complete Tutorial
WordPress Complete TutorialWordPress Complete Tutorial
WordPress Complete Tutorial
OpenSource Technologies Pvt. Ltd.
 
wordcampUK SEO tools & plugins
wordcampUK SEO tools & pluginswordcampUK SEO tools & plugins
wordcampUK SEO tools & plugins
UK WordPress community
 
SynapseIndia wordpress installation training module
SynapseIndia wordpress installation training moduleSynapseIndia wordpress installation training module
SynapseIndia wordpress installation training module
SynapseIndia
 
Wordpress 101 Training
Wordpress 101 TrainingWordpress 101 Training
Wordpress 101 Training
Happy Marketer
 
WordPress what is Wordpress
WordPress what is WordpressWordPress what is Wordpress
WordPress what is Wordpress
Shahid Husain
 
Please, dont touch the slow parts v.3.6 @webtechcon
Please, dont touch the slow parts v.3.6 @webtechconPlease, dont touch the slow parts v.3.6 @webtechcon
Please, dont touch the slow parts v.3.6 @webtechconFrancesco Fullone
 
Using composer with WordPress
Using composer with WordPressUsing composer with WordPress
Using composer with WordPress
Micah Wood
 

What's hot (20)

How to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy StepsHow to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy Steps
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
 
High-Speed HTML5
High-Speed HTML5High-Speed HTML5
High-Speed HTML5
 
Automating Google Lighthouse
Automating Google LighthouseAutomating Google Lighthouse
Automating Google Lighthouse
 
WordPress Website Creation Training Course Slides
WordPress Website Creation Training Course SlidesWordPress Website Creation Training Course Slides
WordPress Website Creation Training Course Slides
 
Best Friend || Worst Enemy: WordPress Multisite
Best Friend || Worst Enemy: WordPress MultisiteBest Friend || Worst Enemy: WordPress Multisite
Best Friend || Worst Enemy: WordPress Multisite
 
Getting started with WordPress development
Getting started with WordPress developmentGetting started with WordPress development
Getting started with WordPress development
 
Wordpress Plugin Development Short Tutorial
Wordpress Plugin Development Short TutorialWordpress Plugin Development Short Tutorial
Wordpress Plugin Development Short Tutorial
 
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
 
Increase Your WordPress Website's Google PageSpeed Score
Increase Your WordPress Website's Google PageSpeed ScoreIncrease Your WordPress Website's Google PageSpeed Score
Increase Your WordPress Website's Google PageSpeed Score
 
7 steps
7 steps7 steps
7 steps
 
Alice Phieu - WordPress For Beginners
Alice Phieu - WordPress For BeginnersAlice Phieu - WordPress For Beginners
Alice Phieu - WordPress For Beginners
 
Mobile App Performance, Dublin MOT
Mobile App Performance, Dublin MOTMobile App Performance, Dublin MOT
Mobile App Performance, Dublin MOT
 
WordPress Complete Tutorial
WordPress Complete TutorialWordPress Complete Tutorial
WordPress Complete Tutorial
 
wordcampUK SEO tools & plugins
wordcampUK SEO tools & pluginswordcampUK SEO tools & plugins
wordcampUK SEO tools & plugins
 
SynapseIndia wordpress installation training module
SynapseIndia wordpress installation training moduleSynapseIndia wordpress installation training module
SynapseIndia wordpress installation training module
 
Wordpress 101 Training
Wordpress 101 TrainingWordpress 101 Training
Wordpress 101 Training
 
WordPress what is Wordpress
WordPress what is WordpressWordPress what is Wordpress
WordPress what is Wordpress
 
Please, dont touch the slow parts v.3.6 @webtechcon
Please, dont touch the slow parts v.3.6 @webtechconPlease, dont touch the slow parts v.3.6 @webtechcon
Please, dont touch the slow parts v.3.6 @webtechcon
 
Using composer with WordPress
Using composer with WordPressUsing composer with WordPress
Using composer with WordPress
 

Similar to 14 Things You Must Do Before Launching a Website

Managed WordPress Demystified
Managed WordPress DemystifiedManaged WordPress Demystified
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
Otto Kekäläinen
 
ASHOK KUMAR UI Developer Resume
ASHOK KUMAR UI Developer ResumeASHOK KUMAR UI Developer Resume
ASHOK KUMAR UI Developer ResumeSorakayala Ashok
 
WordPress North East (Jan 2021) ~ SEO Fundamentals For WordPress
WordPress North East (Jan 2021) ~ SEO Fundamentals For WordPressWordPress North East (Jan 2021) ~ SEO Fundamentals For WordPress
WordPress North East (Jan 2021) ~ SEO Fundamentals For WordPress
Dan Taylor
 
Advanced WordPress Optimization - iGaming Supershow 2012
Advanced WordPress Optimization - iGaming Supershow 2012Advanced WordPress Optimization - iGaming Supershow 2012
Advanced WordPress Optimization - iGaming Supershow 2012
Bastian Grimm
 
Popular Wordpress Plug-ins of May 2013
Popular Wordpress Plug-ins of May 2013Popular Wordpress Plug-ins of May 2013
Popular Wordpress Plug-ins of May 2013
magentodeveloperindia
 
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentWordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
Evan Mullins
 
Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]
Peter Mead
 
WordPress Plugins and Security
WordPress Plugins and SecurityWordPress Plugins and Security
WordPress Plugins and Security
Think Media Inc.
 
How Not to Be Conned by Your Drupal Vendor!
How Not to Be Conned by Your Drupal Vendor!How Not to Be Conned by Your Drupal Vendor!
How Not to Be Conned by Your Drupal Vendor!
pixelonion
 
5 Steps to Develop a WordPress Plugin From Scratch.pdf
5 Steps to Develop a WordPress Plugin From Scratch.pdf5 Steps to Develop a WordPress Plugin From Scratch.pdf
5 Steps to Develop a WordPress Plugin From Scratch.pdf
BeePlugin
 
Enjoying the full stack - Frontend 2010
Enjoying the full stack - Frontend 2010Enjoying the full stack - Frontend 2010
Enjoying the full stack - Frontend 2010
Christian Heilmann
 
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speechVue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
Divante
 
Webinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and TricksWebinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and Tricks
WP Engine
 
WordPress Optimization & Security - LAC 2013, London
WordPress Optimization & Security - LAC 2013, LondonWordPress Optimization & Security - LAC 2013, London
WordPress Optimization & Security - LAC 2013, London
Bastian Grimm
 
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentationvue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
Divante
 
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
AD113  Speed Up Your Applications w/ Nginx and PageSpeedAD113  Speed Up Your Applications w/ Nginx and PageSpeed
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
edm00se
 
Faster WordPress Workflows
Faster WordPress WorkflowsFaster WordPress Workflows
Faster WordPress Workflows
Eladio Jose Abquina
 
WordPress Security Best Practices
WordPress Security Best PracticesWordPress Security Best Practices
WordPress Security Best Practices
Zero Point Development
 
Ultimate Cheatsheet to Selecting Commercial WordPress Themes
Ultimate Cheatsheet to Selecting Commercial WordPress ThemesUltimate Cheatsheet to Selecting Commercial WordPress Themes
Ultimate Cheatsheet to Selecting Commercial WordPress Themes
SKT Themes
 

Similar to 14 Things You Must Do Before Launching a Website (20)

Managed WordPress Demystified
Managed WordPress DemystifiedManaged WordPress Demystified
Managed WordPress Demystified
 
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
 
ASHOK KUMAR UI Developer Resume
ASHOK KUMAR UI Developer ResumeASHOK KUMAR UI Developer Resume
ASHOK KUMAR UI Developer Resume
 
WordPress North East (Jan 2021) ~ SEO Fundamentals For WordPress
WordPress North East (Jan 2021) ~ SEO Fundamentals For WordPressWordPress North East (Jan 2021) ~ SEO Fundamentals For WordPress
WordPress North East (Jan 2021) ~ SEO Fundamentals For WordPress
 
Advanced WordPress Optimization - iGaming Supershow 2012
Advanced WordPress Optimization - iGaming Supershow 2012Advanced WordPress Optimization - iGaming Supershow 2012
Advanced WordPress Optimization - iGaming Supershow 2012
 
Popular Wordpress Plug-ins of May 2013
Popular Wordpress Plug-ins of May 2013Popular Wordpress Plug-ins of May 2013
Popular Wordpress Plug-ins of May 2013
 
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentWordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
 
Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]
 
WordPress Plugins and Security
WordPress Plugins and SecurityWordPress Plugins and Security
WordPress Plugins and Security
 
How Not to Be Conned by Your Drupal Vendor!
How Not to Be Conned by Your Drupal Vendor!How Not to Be Conned by Your Drupal Vendor!
How Not to Be Conned by Your Drupal Vendor!
 
5 Steps to Develop a WordPress Plugin From Scratch.pdf
5 Steps to Develop a WordPress Plugin From Scratch.pdf5 Steps to Develop a WordPress Plugin From Scratch.pdf
5 Steps to Develop a WordPress Plugin From Scratch.pdf
 
Enjoying the full stack - Frontend 2010
Enjoying the full stack - Frontend 2010Enjoying the full stack - Frontend 2010
Enjoying the full stack - Frontend 2010
 
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speechVue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
 
Webinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and TricksWebinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and Tricks
 
WordPress Optimization & Security - LAC 2013, London
WordPress Optimization & Security - LAC 2013, LondonWordPress Optimization & Security - LAC 2013, London
WordPress Optimization & Security - LAC 2013, London
 
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentationvue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
 
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
AD113  Speed Up Your Applications w/ Nginx and PageSpeedAD113  Speed Up Your Applications w/ Nginx and PageSpeed
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
 
Faster WordPress Workflows
Faster WordPress WorkflowsFaster WordPress Workflows
Faster WordPress Workflows
 
WordPress Security Best Practices
WordPress Security Best PracticesWordPress Security Best Practices
WordPress Security Best Practices
 
Ultimate Cheatsheet to Selecting Commercial WordPress Themes
Ultimate Cheatsheet to Selecting Commercial WordPress ThemesUltimate Cheatsheet to Selecting Commercial WordPress Themes
Ultimate Cheatsheet to Selecting Commercial WordPress Themes
 

Recently uploaded

The+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptxThe+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptx
laozhuseo02
 
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesMulti-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Sanjeev Rampal
 
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
3ipehhoa
 
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
keoku
 
How to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxHow to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptx
Gal Baras
 
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
3ipehhoa
 
test test test test testtest test testtest test testtest test testtest test ...
test test  test test testtest test testtest test testtest test testtest test ...test test  test test testtest test testtest test testtest test testtest test ...
test test test test testtest test testtest test testtest test testtest test ...
Arif0071
 
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
eutxy
 
This 7-second Brain Wave Ritual Attracts Money To You.!
This 7-second Brain Wave Ritual Attracts Money To You.!This 7-second Brain Wave Ritual Attracts Money To You.!
This 7-second Brain Wave Ritual Attracts Money To You.!
nirahealhty
 
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdfJAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
Javier Lasa
 
Internet-Security-Safeguarding-Your-Digital-World (1).pptx
Internet-Security-Safeguarding-Your-Digital-World (1).pptxInternet-Security-Safeguarding-Your-Digital-World (1).pptx
Internet-Security-Safeguarding-Your-Digital-World (1).pptx
VivekSinghShekhawat2
 
Comptia N+ Standard Networking lesson guide
Comptia N+ Standard Networking lesson guideComptia N+ Standard Networking lesson guide
Comptia N+ Standard Networking lesson guide
GTProductions1
 
guildmasters guide to ravnica Dungeons & Dragons 5...
guildmasters guide to ravnica Dungeons & Dragons 5...guildmasters guide to ravnica Dungeons & Dragons 5...
guildmasters guide to ravnica Dungeons & Dragons 5...
Rogerio Filho
 
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
3ipehhoa
 
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shopHistory+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
laozhuseo02
 
BASIC C++ lecture NOTE C++ lecture 3.pptx
BASIC C++ lecture NOTE C++ lecture 3.pptxBASIC C++ lecture NOTE C++ lecture 3.pptx
BASIC C++ lecture NOTE C++ lecture 3.pptx
natyesu
 
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
ufdana
 
Latest trends in computer networking.pptx
Latest trends in computer networking.pptxLatest trends in computer networking.pptx
Latest trends in computer networking.pptx
JungkooksNonexistent
 
1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...
JeyaPerumal1
 
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC
 

Recently uploaded (20)

The+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptxThe+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptx
 
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesMulti-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
 
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
 
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
 
How to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxHow to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptx
 
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
 
test test test test testtest test testtest test testtest test testtest test ...
test test  test test testtest test testtest test testtest test testtest test ...test test  test test testtest test testtest test testtest test testtest test ...
test test test test testtest test testtest test testtest test testtest test ...
 
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
 
This 7-second Brain Wave Ritual Attracts Money To You.!
This 7-second Brain Wave Ritual Attracts Money To You.!This 7-second Brain Wave Ritual Attracts Money To You.!
This 7-second Brain Wave Ritual Attracts Money To You.!
 
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdfJAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
 
Internet-Security-Safeguarding-Your-Digital-World (1).pptx
Internet-Security-Safeguarding-Your-Digital-World (1).pptxInternet-Security-Safeguarding-Your-Digital-World (1).pptx
Internet-Security-Safeguarding-Your-Digital-World (1).pptx
 
Comptia N+ Standard Networking lesson guide
Comptia N+ Standard Networking lesson guideComptia N+ Standard Networking lesson guide
Comptia N+ Standard Networking lesson guide
 
guildmasters guide to ravnica Dungeons & Dragons 5...
guildmasters guide to ravnica Dungeons & Dragons 5...guildmasters guide to ravnica Dungeons & Dragons 5...
guildmasters guide to ravnica Dungeons & Dragons 5...
 
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
 
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shopHistory+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
 
BASIC C++ lecture NOTE C++ lecture 3.pptx
BASIC C++ lecture NOTE C++ lecture 3.pptxBASIC C++ lecture NOTE C++ lecture 3.pptx
BASIC C++ lecture NOTE C++ lecture 3.pptx
 
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
 
Latest trends in computer networking.pptx
Latest trends in computer networking.pptxLatest trends in computer networking.pptx
Latest trends in computer networking.pptx
 
1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...
 
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
 

14 Things You Must Do Before Launching a Website

  • 1. zeropointdevelopment.com for WordPress Sydney Wil Brown @DeveloperWil
  • 2. Make image file sizes as small as possible before uploading to your website. Image file size largely depends on width x height – Remove embedded data: EXIF, aperture, ISO, geolocation – Quality: JPG (max, high, medium, low) @DeveloperWil #wpsyd 1
  • 3. Image Squishing Tools – Kraken.io – web-based image optimiser. Pricing plans increase for larger amounts of data. – TinyPNG – free web-based image optimiser for JPG and PNG files. – PNGGauntlet – free Windows desktop app for optimising images. @DeveloperWil #wpsyd 1
  • 4. Use srcset to show different image sizes to different screen sizes. <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w"> With srcset, the browser does the work of figuring out which image is best. @DeveloperWil #wpsyd 1
  • 5. Themes can contain 100’s of CSS and JS files. – In HTTP v1 they all load asynchronously (after each other) – During development we need these files to be readable – Readable files contain lots of white space and comments – File sizes can be large @DeveloperWil #wpsyd 2
  • 6. Minification removes white spaces and comments to shrink the file size. @DeveloperWil #wpsyd 2 Original “style.css”: //**** Colour CSS ***// .a{ color: blue; } .a:hover{ color: orange; } Becomes “style.css.min”: .a{color:blue;}.a:hover{color:orange;}
  • 7. Non-developers: – Auptomize plugin Developers: – Research running a task runner called Gulp – Integrate into your development environment – Real-time minification to *.css.min – Enqueue only *.css.min files @DeveloperWil #wpsyd 2
  • 8. “Speed up” page rendering by moving JavaScript files into the footer area. Browser loads page HTML and CSS, displays on browser, then starts to load JS scripts Faster page = Google likes @DeveloperWil #wpsyd 3
  • 9. Non-developers: – Scripts to Footer plugin Developers: – Use wp_enqueue_script() function – Set last parameter bool $in_footer = true @DeveloperWil #wpsyd 3
  • 10. @DeveloperWil #wpsyd 4 Chrome 62 shows http: URLs as “Not secure” Chrome 70 shows red warning on HTTP forms
  • 11. All forms, not only cart checkout and payment forms need to be secured by HTTPS. As of 2018 HTTPS is a significant Google ranking signal. Secure sites rank higher than similar non-secure sites. @DeveloperWil #wpsyd 4
  • 12. Use Let’s Encrypt link on cPanel Free DV SSL certificate with wildcards. DV, OV & EV Certificates explained. EV Certs dead! @DeveloperWil #wpsyd 4
  • 13. Avoid Google finding broken links after your site launch. – Prevents search bots indexing your entire site – Affects your ranking position Do not install the Broken Link Checker plugin. – Not maintained +2 years – Maxes-out server RAM and CPU – Slows down your server @DeveloperWil #wpsyd 5
  • 14. Use a broken link checking service instead. – Brokenlinkcheck.com – web service. Limited link depth but will cover most websites. – Crawly – free and paid services. – Google Analytics – Behaviour > Site Content > All Pages and search for your 404.php page. @DeveloperWil #wpsyd 5
  • 15. Skip this step if launching a brand new site. If you are moving sites, domains, pages and post around you really need to be implementing redirection so that you don’t lose existing SEO traffic. @DeveloperWil #wpsyd 6
  • 16. Non-developers: – Yoast SEO Premium – The Premium upgrade is good for redirections and lots more SEO stuff – Redirection plugin Developers and System Admins – Apache web server: add rewrites to .htaccess file – Nginx: add rewrite statements to location server block @DeveloperWil #wpsyd 6
  • 17. Site icons, called Favicons play an important part in branding. Extensively used on mobiles and tables for bookmarking sites and pages @DeveloperWil #wpsyd 7
  • 18. Use an on-line generator: – favicon.cc – favicongenerator – iconifer – this also generates Apple Icons Download as a zip file and unpack in the WordPress root folder. @DeveloperWil #wpsyd 7
  • 19. On-page SEO is crucial to get ranked properly Google, Facebook and Twitter snippet previews @DeveloperWil #wpsyd 8
  • 21. • Target keyphrase • In-depth content readability analysis • Suggested internal posts to link to • Change snippet appearance for Facebook and Twitter (image, title & description) • Site-map generation, + lots more Read my step-by-step guide to setting up the Yoast SEO plugin. @DeveloperWil #wpsyd 8
  • 22. Security is key to maintaining your website authority, brand and customer confidence and loyalty. WordPress’ popularity has made it a BIG target for hackers. Install Wordfence before you launch! @DeveloperWil #wpsyd 9
  • 23. Installing a firewall plugin is a great first step. Website security is more than just installing a firewall plugin. @DeveloperWil #wpsyd 10
  • 24. • Social Engineering • Usernames & Passwords • Unix File Permissions • WP File & Folder Perms • WP Config Files • Server Malware • Updating WordPress • Automatic WP Updates • Avoid “Free” Paid Themes • Malware in Themes • Malware in Plugins • Tim Thumb Script still lives • SSL Certificates • Secure WP Dashboard • Software Firewalls • Limit Login Attempts • WordPress Backups • 2FA Security Login • Moving wp-content Folder • Prevent Script Injections • Secure wp-admin folder • .... +more @DeveloperWil #wpsyd 10
  • 25. Watch my WordPress Security Best Practices 2017 video. @DeveloperWil #wpsyd 10
  • 26. Make your site load super fast @DeveloperWil #wpsyd 11
  • 27. I recommend using W3 Total Cache (free) Works especially well with Nginx servers. UI sucks. Remember to exclude dynamic pages such as checkouts, member dashboards and payment forms. You can also try WP Rocket (paid $49USD/year) “Recognized as the most powerful caching plugin by WordPress experts” @DeveloperWil #wpsyd 11
  • 28. Want to double up on speed? Run your site through the Cloudflare CDN (icon on cPanel) A Content Delivery Network is a kind of global caching system. They keep fragments of your visited website on servers dotted around the planet. @DeveloperWil #wpsyd 11
  • 29. You’d be bonkers mad if you didn’t sign up a site to use Google Analytics before launch. – Free and provides heaps of data on website data and content being consumed One of the best plugins to use with Google Analytics is MonsterInsights. – Brings GA overview data to your WP dashboard – adds the GA JavaScript code so you don’t have to @DeveloperWil #wpsyd 12
  • 31. You need to be able to restore a site quickly if there are any problems. Issues can result from updating badly developed plugins, PHP version incompatibilities, hacking and a myriad of other stuff. Having backups are hand is uber critical. @DeveloperWil #wpsyd 13
  • 32. I recommend using VaultPress (paid) – $5USD/month :daily backups, 30-day retention – $15USD/month :real-time backups, unlimited retention Other backup plugins: – XCloner – free, backup to Amazon S3, sFTP Also has a server cron script (WP Cron sucks) – Backup Buddy – was never 100% reliable for – BackWPUp – Backup to Amazon S3, Dropbox, FTP and more. @DeveloperWil #wpsyd 13
  • 33. Do testing before launching a website! What to test? • Form submissions – did you get the email notification? Was the confirmation message/redirection OK? • Button links – do they go to the correct place? • Email addresses – are the obfuscated and do they link to the correct mailto: address? • Navigation links – do they work OK? Are all your navigation menus responsive? @DeveloperWil #wpsyd 14
  • 34. • Sign-ups – do your sign-up add the correct details to the correct mailing list? • Payments – is your checkout working? Is the money arriving in the bank? Are they the correct prices? • Registrations – are they working? Does the user get a notification? Can the login? • Dashboards – what can the logged in user see? Is it correct? • Permissions/User Roles – can the correct level of user see the correct stuff? • Comments – are they working? Catching spam? Moderation working? • Console errors – are there any errors in Chrome console? 404 can’t load resource? JavaScript errors? @DeveloperWil #wpsyd 14
  • 35. 1. Optimise Images 2. Minify CSS and JS Files 3. Load JS Files in Footer 4. Install SSL Certificate 5. Check Broken Links 6. Set Up Redirections 7. Favicons & Apple Icons @DeveloperWil #wpsyd 8. Set Up Yoast SEO 9. Install Wordfence 10. Secure the Website 11. Set Up Caching & CDN 12. Set Up Google Analytics 13. Set Up and Test Backups 14. Run Site Tests
  • 36. @DeveloperWil #wpsyd You can read my accompanying blog article that goes into more depth in each of these areas. Download PDF and MS Word Checklist Resources https://rebrand.ly/launching-website-33327
  • 37. [Front Cover] zeropointdevelopment.com [10] PN Melbourne pn.com.au [12] cpanel.com [14] google.com [19,20] zeropointdevelopment.com [25] zeropointdevelopment.com [26] giphy.com [30] monsterinsights.com [Back Cover] zeropointdevelopment.com @DeveloperWil #wpsyd
  • 38. WordPress Consultant & Developer Plugins, APIs, Security, eCommerce Organiser WPSyd & WordCamp Sydney @DeveloperWil #wpsyd zeropointdevelopment.com linkedin.com/in/developerwil @DeveloperWil ♥ Pizza & Craft Beer

Editor's Notes

  1. Demo of Chrome Inspect & Customizer CSS