How to test your site?
-
Upload
pagepro -
Category
Technology
-
view
45 -
download
1
Transcript of How to test your site?
![Page 1: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/1.jpg)
How to test your site?Free tools helping you with testing
your website before going live.
![Page 2: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/2.jpg)
Cross-browser testing
• Browser screenshots from MicrosoftSee how your site renders across a selection of common browsers and devices.
• Virtual machines from MicrosoftTest versions of IE from 6 through 11 using virtual machines you download and manage locally.
![Page 3: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/3.jpg)
Which browsers are worth testing?
Use StatCounter to check which browsers are popular.
![Page 4: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/4.jpg)
Mobile compatibility & optimization
• Chrome has great built-in emulator to simulate most popular phone & tablet screen resolutions. It also supports touch gestures.
• If you are using Mac you can run great iPhone / iPad emulator from xcode.
![Page 5: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/5.jpg)
PageRank & SEO
• SeoSiteCheckup will help you analize and make your website search engine friendly.
• Also remember Google’s Mobile-Friendly Test because it may affect your placement on Google.
![Page 6: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/6.jpg)
Facebook & Open Graph
• Facebook Debuger will help you preview how your page will look when visitors share link or click like.
![Page 7: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/7.jpg)
Emails
• Testing e-mails is one of the hardest things. Litmus and Targeted.io offers comprehensive email tools and free previews of your CSS emails.
![Page 8: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/8.jpg)
Accessibility
• For For testing color deficiencies use Spectrum Chrome extension.
• Colour Contrast Analyser helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
• SortSite checks sites against the W3C WCAG 1.0 and 2.0 accessibility standards, and compliance with Section 508 of the Rehabilitation Act.
![Page 9: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/9.jpg)
Speed
• Google PageSpeed Insights is the most popular tool which analyzes the content of a web page, then generates suggestions to make that page faster. The other two tools worth checking tools are Pingdom and GTmetrix.
![Page 10: How to test your site?](https://reader036.fdocuments.us/reader036/viewer/2022081806/55ce2838bb61ebf5068b484c/html5/thumbnails/10.jpg)
Thank you!Developing the web in the heart of Europe.