Resources and guides
06/10/2021
At the heart of a digital marketing campaign is the importance of performance monitoring.
27/09/2021
The SEO Specialist is one of the most important emerging figures in the world of digital marketing.
01/10/2021
PWA stands for Progressive Web App, an application that aims to provide users with an experience similar to that of a native app.
29/09/2021
Core Web Vitals are related to the loading of a web site, so they are consequently fundamental for the User Experience.
Is optimising your website’s images useful for improving its ranking?
On-Page SEO purpose is to improve the technical and local SEO parameters of a single web page.
Speed performance
Actions carried out by JavaScript code can monopolize the main thread for long periods of time.
Lighthouse helps you to keep the size and amount of network requests below your goals.
Network traffic has two important components: latency and bandwidth.
Thanks to User Timing API, you will be able to have a look at your app’s JavaScript performance.
Accessibility
dt and dd elements have to be wrapped in a parent dl element.
Definition lists need to be marked correctly to avoid incorrect output.
Users who are deaf or hard of hearing need captions that give them information about the videos on a web page.
Use a screen reader to be sure that your offscreen content is hidden
You should set one table header per column to help assistive technologies.
On each web page, custom controls must have an appropriate role.
In your web pages, you should make custom interactive controls focusable.
All components of your web page have (or should have) a behaviour and a purpose.
Check the budget for the quantity and size of page resources.
Critical request chains are required for the correct rendering of a web page.
Security
CSPs weaken cross-site scripting (XSS) attacks by stopping malicious scripts being inserted by attackers.
There are countless automated and purpose-built web crawlers that can scan your site for vulnerabilities
The names of the controls (HTML or custom ARIA) must be accessible in order to be announced by assistive technologies.
PWA
Websites should be able to work on all browsers in order to be visited by as many users as possible.
Why every PWA page needs a unique URL?
A PWA icon on iOS users’ screen is called “Apple touch icon”.
In order to make the PWA installable, a Web App Manifest is required.
In order to give the user an experience more engaging, you should use the colors of your PWA in the browser’s address bar as well.
If you use a custom splash screen for your PWA you will make it look more like an app.
A service worker should be registered in order to enable the typical features of a PWA.
Why manifest should have a maskable icon
When elements have a tabindex value greater than 0
When a button does not have an accessible name
When aria attributes do not match their roles
Do not use deprecated APIs
When links to cross-origin destinations are unsafe
Application Cache
How to set up correctly the unload event
Improving scrolling performance by using passive listeners
JavaScript libraries noticed
Browser errors in the console
Why HTML doctype is necessary
Why natural aspect ratio needs to match image display dimensions
Why associate labels with form elements?
How to set up correctly meta viewport
Why use a title for <frame> or <iframe> elements
Why a page should contain a heading, skip link or landmark region
How to set up a sufficient contrast ratio
Why should <li> be contained within <ul> or <ol> parent elements?
How to use lists properly
Why should an html element have a valid value for its lang attribute?
Why put a lang attribute in html element
Use of preload
How to improve server response times (TTFB)
Do not use document.write
How to handle large DOM size
How to handle large network payloads
Correct use of animated content
Seo content
Why robots.txt is not valid
Avoiding too many redirects
Why use preconnect resource suggestions
Speed performance Tester and validators
How to make text compression correctly
How to optimize images
Unused CSS must be removed
How to optimize a web page: minify JavaScript files
How minify CSS to save space
How to save space with offscreen images
How to use third party JavaScript correctly
Compressor Speed performance
How to adopt an efficient Cache Policy
Delete render-blocking resources
How to be sure that text keeps visible during page loading
JavaScript Execution Time: how to reduce it
How to minimize Main Thread Work
What is the Total Blocking Time parameter?
What is the Cumulative Layout Shift?
What is the Largest Contentful Paint parameter?
What is the Max Potential First Input Delay parameter?
What is the Time To Interactive Parameter?
How to improve speed index
What is the First Contentful Paint parameter?
How to reduce network payload
What is the meaning of charset?
What is the meaning of image resolution?
What is a responsive image?
Seo main factors
What is hreflang used for?
What is viewport in HTML?
Why HTTP status code is important?
Seo main factors Tester and validators
Why is HTTPS important?
How do I make a page crawlable?
What does it mean to be crawlable?
What is charset declaration encoding?
What does canonical link do?
Share this Tool
Did you like it? Share it!