Nowadays, in the era of instant gratification, when everyone want everything in a matter of moments, understanding the performance of your website, web application, web service is more important than has ever been.
Using web performance tools to understand how your application behaves is easy and a best practice that you should follow on a daily basis.
There are multiple things that you need to consider when you assess the overall performance of your app, and it’s not all about performance metrics and speed. You need to take into account accessibility, SEO, mobile usability and others.
There are tools, like KissFront.com which can help you run performance assessments on an hourly basis, check screenshots on loading behaviour of your app, SEO, accessibility and other important metrics.
Debugging tests, setting breakpoints, running an UI test to a specific test step work out of the box the new version of Selenium IDE.
Test suites are available in order to group previously generated test cases, and exporting your test cases is a click of a button away.
Concurrent execution of test cases is available from the command-line (terminal) and which lowers your execution time.
Multiple selector fallback happens automatically, basically when you click and record a test case and interact with an element, Selenium IDE generated 3-5 fallback selectors, so that in case first selector fails, Selenium IDE automatically verifies the other selectors before failing the test step.
2minutes readKissFront is a web performance monitoring tool running Lighthouse continuously or on-demand (using Lighthouse as a service) to monitor your website performance and get insights on speed with modern performance metrics.
Lighthouse is an open-source automated tool for analysing and improving the quality of web pages with audits for performance, accessibility, progressive web apps, SEO and best practices. Try to understand more about Google Lighthouse here.
KissFront.com uses Lighthouse as a Service to provide regression testing for developers and product people
Each time Lighthouse audit generates a comprehensive report that gives information on all of the tests that passed in addition to the ones that failed. Also it includes the ability to test progressive web applications for compliance with standards and best practices.
KissFront uses Lighthouse audits and it provides five categories of feedback, ranking from zero to 100. Lighthouse Audit references: Performance, Progressive Web App, Accessibility, Best Practices, SEO.
As Node module npm install -g lighthouse To run an audit: lighthouse To see audit options: lighthouse –help
KissFront.com Helps Improving Your Overall Website Experience. Easily store and share results with your team.
KissFront gives you the ability to monitor all the metrics from above over a period of time during deployments and high load. Also gives you the ability to monitor not only your website but you competitors web sites.
< 1minute readTime to First Meaningful Paint (TTFMT) is a modern performance metric introduced by few engineers from Google, and is the time to paint the main content that users are interested in, so the thing the users came here for.
Rendering some background color can be much easier and faster, but that’s definitely not what the users was looking for when they entered your website.
In order to identify the main content of the page, we define these primary elements as Hero Elements, but for now there is not a clear way for us to get paint times of specific elements of the DOM (Document Object Model).
No browsers exposes this metric at the moment, but it seems to get big traction. You can inspect the First Contentful Paint (FCP) and First Meaningful Paint (FMP) with KissFront, which allows easy monitoring and modern metrics inspection.
First Meaningful Paint can be also defined as the paint after which the biggest layout change has happened.
< 1minute readFirst Paint (FP) shows the time it took for something to happen, anything at all, however this can be not so useful, as this first render, may not be very useful for the user, and for the overall experience.
An improvement to First Paint (FP) is the First Contentful Paint (FCP) which helps you understand the time it took to render something useful for the user.
First Paint and First Contentful Paint metrics can be identical on fast websites, but on more complex websites, with various client and server side rendering, the First Contentful Paint would be the best metric to use.
More details on how to improve issues on your website can be found by running tests with KissFront.