psi - PageSpeed Insights with reporting

  •        15

Run mobile and desktop performance tests for your deployed site using Google PageSpeed Insights V2 with tidy reporting for your build process. As of PSI 2.x, we expose both the PageSpeed Insights speed and usability scores. The latter is based on usability rules that score a page based on factors like the presence of a sensible mobile viewport.

https://github.com/addyosmani/psi

Dependencies:

chalk : ^2.3.0
download : ^4.4.1
googleapis : ^24.0.0
humanize-url : ^1.0.1
lodash : ^4.5.1
meow : ^4.0.0
pify : ^3.0.0
prepend-http : ^2.0.0
pretty-bytes : ^4.0.2
sort-on : ^2.0.0
strip-ansi : ^4.0.0
update-notifier : ^2.0.0

Tags
Implementation
License
Platform

   




Related Projects

tmi - TMI (Too Many Images) - discover your image weight on the web

  •    Javascript

Find out the image weight in your pages, compare to the BigQuery quantiles and discover what images you can optimize further. Verbose mode will show you a detailed summary of which images needs improving.

grunt-pagespeed - Grunt plugin to run Google PageSpeed Insights as part of CI

  •    CoffeeScript

Run mobile and desktop performance tests for your deployed site using Google PageSpeed Insights, uses psi and gpagespeed. This plugin is developed for Grunt 0.4.1 and is not tested for backward compatibility with Grunt 0.3.x.

Performance - Client side performance tool

  •    Javascript

In short about: This is an npm package to display statistics about your web pages, information such as CSS resources count, Google PageSpeed Insights score, information on how to fix performance issues, HTML errors and more in one custom web page. Tech details: This package mainly uses three plugins w3cjs (HTML test errors, warnings etc), Google PageSpeed Insights (a lot information, for example: how to fix main load/performance issues, load times...) and dev-perf (number of 404 errors, number of images without dimensions etc), The information collected is then displayed in an AngularJS based webpage.

speedline - Calculate the speed index and visual performance metrics from chrome dev tool timeline (recently: pmdartus -> paulirish)

  •    Javascript

The Navigation Timing API provides useful data that can be used to measure the performance of a website. Unfortunately this API has never been good at capturing the actual user experience. The Speed Index, introduced by WebpageTest.org, aims to solve this issue. It measures how fast the page content is visually displayed. The current implementation is based on the Visual Progress from Video Capture calculation method described on the Speed Index page. The visual progress is calculated by comparing the distance between the histogram of the current frame and the final frame.

MiniMobileDeviceLab - A mini mobile web device lab

  •    Objective-C

The Mini Mobile Device Lab (MMDL) is a framework to help developers test pages across multiple devices, including phones, tablets, Desktops, etc. It works with Android, iOS, Windows (including phone, RT and desktop), and Chrome OS. When a A URL is pushed, the devices will simultaneously open the page, allowing you to see how the page looks across each device. In addition, it will also run the page through services like PageSpeed Insights, Web Page Test, and check for specific open web features like HTTPS, Service Worker, Theme Color, and Web App Manifests.


laravel-page-speed - Package to optimize your site automatically which results in a 35%+ optimization

  •    PHP

You don't have to do anything else, this package uses the Package Auto-Discovery feature, and should be available as soon as you install it via Composer. After installing package, you may need to configure some options.

drawable-optimizer - Gradle plugin to optimize png files and reduce resultant apk size within an Android project

  •    Groovy

Gradle plugin to optimize png files and reduce resultant apk size within an Android project. With this plugin you will be able to optimize the png files size inside your AndroidStudio project. It works over the folder in which the resource merging was executed, by default in a Mac OSX system is app\build\intermediates\res\merged.

frontend-nanodegree-mobile-portfolio

  •    Javascript

Your challenge, if you wish to accept it (and we sure hope you will), is to optimize this online portfolio for speed! In particular, optimize the critical rendering path and make this page render as quickly as possible by applying the techniques you've picked up in the Critical Rendering Path course. To get started, check out the repository and inspect the code.

udportfolio

  •    Javascript

Your challenge, if you wish to accept it (and we sure hope you will), is to optimize this online portfolio for speed! In particular, optimize the critical rendering path and make this page render as quickly as possible by applying the techniques you've picked up in the Critical Rendering Path course. The portfolio was built on Twitter's Bootstrap framework.

AppMetrics - App Metrics is an open-source and cross-platform

  •    CSharp

App Metrics is an open-source and cross-platform .NET library used to record metrics within an application. App Metrics can run on .NET Core or on the full .NET framework also supporting .NET 4.5.2. App Metrics abstracts away the underlaying repository of your Metrics for example InfluxDB, Graphite, Elasticsearch etc, by sampling and aggregating in memory and providing extensibility points to flush metrics to a repository at a specified interval.App Metrics provides various metric types to measure things such as the rate of requests, counting the number of user logins over time, measure the time taken to execute a database query, measure the amount of free memory and so on. Metrics types supported are Gauges, Counters, Meters, Histograms and Timers and Application Performance Indexes Apdex.

speed-measure-webpack-plugin - ⏱ See how fast (or not) your plugins and loaders are, so you can optimise your builds

  •    Javascript

The first step to optimising your webpack build speed, is to know where to focus your attention. SMP follows semver. If upgrading a major version, you can consult the migration guide.

sitespeed.io

  •    Io

Sitespeed.io is an open source tool that helps you analyze and optimize your website speed and performance, based on performance best practices rules.

SWFTools - Utilities to work with Adobe Flash files

  •    C

SWFTools is a collection of utilities for working with Adobe Flash files (SWF files). The tool collection includes programs for reading SWF files, combining them, and creating them from other content (like images, sound files, videos or sourcecode).

Cosmo - Single Page CMS built on PHP and Angular

  •    PHP

Cosmo is a single page app CMS built on AngularJS and PHP. It provides support for SEO friendly URL, Custom WYSIWYG, Always mobile ready and lot more. With AngularJS being at the core of cosmo, every installation becomes a single page app. This allows for faster page loads, keeps the number of header requests down and the total website size smaller.

Google Page Speed for .Net

  •    CSharp

This little piece of software sends a request to the Google page speed API, then parses the JSON response and presents them in a nice class. I use this class on this webpage to show the page speed score at the bottom right corner of my site: http://schaffhauser.me

flatten - A package to flatten any website to plain HTML

  •    PHP

Flatten is a powerful cache system for caching pages at runtime. What it does is quite simple : you tell him which page are to be cached, when the cache is to be flushed, and from there Flatten handles it all. It will quietly flatten your pages to plain HTML and store them. That whay if an user visit a page that has already been flattened, all the PHP is highjacked to instead display a simple HTML page. This will provide an essential boost to your application's speed, as your page's cache only gets refreshed when a change is made to the data it displays. Flatten installs just like any other package, via Composer : composer require anahkiasen/flatten.

optimizedhtml-start-template - OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP (+Rsync) and Bower (libs path) support

  •    Javascript

OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP and Bower (libs path) support. The template contains a .htaccess file with caching rules for web server. OptimizedHTML Start Template uses the best practices of web development and optimized for Google PageSpeed.