SiteSpeed optimization Tools

Hariprasath — Wed, 17 Jun 2020 10:51:52 +0000

Performance is a visceral part of the user experience. For many websites, an improvement to the user experience by speeding up the page load time aligns with an improvement to conversion rates. Conversely, when performance is poor, users don't convert as often and have even been observed to be rage clicking on the page in frustration.

Website optimization tools are essential to improving your site's performance.

Lighthouse

Lighthouse is a page experience tool built by Google and was initially meant to audit Progressive Web Apps (PWA). The tool executes five audits for accessibility, performance, SEO, Progressive Web Apps and an extended list of best practices. Powered by the new Core Web Vitals, these audits together give you an excellent overview of the quality and performance of your mobile website as well as your desktop site, or web app. Lighthouse plugins which are a way to extend the feature of Lighthouse with insight from domain experts (that's you!) and share this extra feature with other Lighthouse users.

Run Lighthouse on browser

Open dev tools and run Lighthouse under Lighthouse tab.

Run Lighthouse Via Cmd

Install Lighthouse package

npm i lighthouse
npm install -g lighthouse

Run on web:

https://web.dev/measure
Global performance insights for your site | Lighthouse Metrics
Enter the URL of your site and click the "Run Test" button. Then you will be redirected to your report page. All tests…lighthouse-metrics.com

Yellow Lab Tools(https://yellowlab.tools)

Yellow Lab Tools is an open source project by Gaël Métais. It allows you to test a webpage (via an URL) and detects performance and front-end code quality issues.This is done by loading the webpage via PhantomJS and collecting various metrics and statistics with the help of Phantomas. These metrics are categorized and transformed into scores. It also gives in-depth details so that developers can correct the detected issues.Which shows JS-Timeline and JS profile.

Fast or Slow(https://www.fastorslow.com/)

Fast or Slow is a global performance monitoring solution for your websites that detects and reports on the most important factors in your users' experience of your website. Fast or Slow measures this experience from a variety of locations, giving you a wide overview of how site visitors experience your site.
Fast or Slow measures a number of different parameters that help you understand your website's performance from various locations around the world. These parameters include:
First Contentful Paint
First Meaningful Paint
Time to Interactive
Total Blocking Time
First CPU Idle
Speed Index
Round-trip Time
Transfer Size

In addition, Fast or Slow performs audits on your website content to determine where speed improvements can easily be made, and keeps a history of past audits for each site. Fast or Slow is based on Lighthouse, an open-source, automated tool for testing web pages.

WebPageTest(https://www.webpagetest.org)

WPT measures how a particular web page loads. As the page loads, a number of useful metrics are captured, cataloged and then displayed in various charts and tables useful for spotting performance delays. These metrics and visuals can help us answer the important questions we listed above. You can also control many aspects of WPT's analysis such as the platform to use (desktop vs mobile), browser of interest (Chrome, Firefox, IE, etc), and even the geographic location.

12 Youtube channels to watch Javascript conference videos

Hariprasath — Mon, 23 Dec 2019 04:52:39 +0000

JSConf

JSConf is a series of JavaScript conferences from around the world and here we release the conference talk videos for free as fast as we can after every event.
Link: https://www.youtube.com/user/jsconfeu

JSNation

The largest and longest-running JavaScript community in Benelux, running annual conference and meetups.
Link: https://www.youtube.com/channel/UCQM428Hwrvxla8DCgjGONSQ

Google Chrome Developers

Making the web more awesome. Talk on Chrome Dev Summit, HTTP203, and state of the web.
Link: https://www.youtube.com/user/ChromeDevelopers/featured

JAMstackConf

JAMstack conf around the world.
Link: https://www.youtube.com/channel/UC8bRyfU7ycLXnEBfvdorpUg/featured

GOTO Conferences

Created for developers, by developers, GOTO Conferences is a series of software development conferences focused on gathering the best minds in the software community to bring the most interesting topics to light. This channel features video interviews and presentations from GOTO Conferences and GOTO Nights.
Link: https://www.youtube.com/user/GotoConferences/featured

You Gotta Love Frontend

The largest international frontend conference in the Middle East and East Europe
Link: https://www.youtube.com/channel/UCU-fOxx_kT5OARG0KiksiCA/featured

ng-conf

The world’s original Angular conference, with talks from the Angular Team and top experts from around the world.
Link: https://www.youtube.com/user/ngconfvideos/featured

Pusher

Pusher talk on Javascript, Nodejs, React, etc.
Link: https://www.youtube.com/user/pusherapp/featured

Cascadia JS

CascadiaJS is a two-day conference on the cutting edge of JavaScript. Browser, server,etc.
Link: https://www.youtube.com/user/cascadiajs/featured

Dotconferences

Tech Conferences, re-invented. Talk on dotJS, dotGo, dotSwift, dotCSS, dotScale.
Link: https://www.youtube.com/user/dotconferences/featured

Frontend United

Frontend United is a non-profit, developer-first, community-focused conference. Our aim is to connect frontend developers and designers from all kinds of backgrounds closer together to share knowledge, experiences, and ideas.
Link: https://www.youtube.com/channel/UC6Q3-JjgMpb4Uy6YgHdJSMw/featured

JScamp

International single-track and two-day conference covering all about JavaScript and modern web technologies.
Link: https://www.youtube.com/channel/UCVLlWT1NZZEJs4A67XgObnQ/featured

DEV Community: Hariprasath