Http Server Timing headers

Popular p

Introduction

This Joomla plugin enable Server Timing HTTP headers. See https://w3c.github.io/server-timing/

HTML(5) Server Timing API

It help you track performance of your website in the browser console (supported by google chrome)[https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timing]

This plugin must run as the last plugin in system group. You need to reorder plugins and put it as the last

How to use it

Use the global Joomla profiler to profile you code

```php

$profiler = JProfiler::getInstance(&#039;Application&#039;);

// profile sections of your code    
$profiler-&gt;mark(&#039;afterParseImages&#039;);
$body = GzipGZipHelper::parseCss($body, $options);

$profiler-&gt;mark(&#039;afterParseCss&#039;);
$body = GzipGZipHelper::parseScripts($body, $options);

$profiler-&gt;mark(&#039;afterParseScripts&#039;);
$body = GzipGZipHelper::parseURLs($body, $options);

$profiler-&gt;mark(&#039;afterParseURLs&#039;);

```
Open the google chrome console and navigate to the network tab. Click on your page request. Click the timing tab. You will see the result.

screen capture

Gzip

Free | Performance | tbela99

3 4 Alpha

Score:

1 review

https://extensions.joomla.org/extensions/extension/core-enhancements/performance/gzip/ Page Optimizer Plugin Do you want to improve your website by improving loading performance? enable offline capabilities via service worker? or turn it into a progressive web application? This extension allows you to do all of these things. There are additional plugins that help optimizing and profiling your page or server Server Timing Plugin enable the server timing http headers. see here HTML Minifier minify html in an html5 compliant way. - [Page Optimizer Plugin](#page-optimizer-plugin) General improvements Moving script and css position in the page Caching Sub Resource Integrity (SRI) Critical CSS Path Images Responsive images Javascript Improvements CSS Improvements Progressive Web App Network cache strategies PWA preloaded resources Installable web app Web Push Service worker router api Exclude resources from the service worker management CDN and Cookieless Domains Misc Change History V2.4.1 V2.4 V2.3 V2.2 V2.1 V2.0 PWA: implemented network strategies: V1.1 V1.0 SRI (Sub resources integrity) Critical CSS Path Javascript CSS General improvements advanced page optimizations which drastically improve the page performance score over various tools. turn the website into an installable Progressive Web Application Sub-resources integrity check: computed for javascript and css files (for now). see here Push resources (require http 2 protocol). you can configure which resources will be pushed Insert scripts and css that have 'data-position="head"' attribute in head instead of the body force script and css to be ignored by the optimizer by setting 'data-ignore="true"' attribute connect to domains faster: automatically detect domains and add < link rel=preconnect > header Moving script and css position in the page script and css position can be controlled by add 'data-position' attribute to the tag. possible values are head: move the file to the head (if not present yet) ignore: ignore the file missing tag or other values means move to the footer of the page. Caching Efficiently cache resources using http caching headers. This requires apache mod_rewite. I have not tested on other web servers Range requests are supported for cached resources (you can cache audio & video content) Sub Resource Integrity (SRI) compute SRI for css and javascript files If you use a cdn, you will need to disable cdn optimizations for css and javascript. They must not alter css and javascript Critical CSS Path Eliminate FOUC by providing critical css path selectors. See here for more info. The critical path enable instant page rendering by providing a minimal set of selectors and classes used to render the visible part of the page before the stylesheets are loaded. Any selector that affects the page rendering is a good candidate (set dimensions, define positioning, fonts, sections background color, etc..). There is no automatic extraction and you must provide these settings to extract css classes. CSS class definitions for critical css path A list of selectors to extract from the page css The web fonts are extracted automatically and preloaded Images deliver images in webp format when the browser signals it supports it generate svg placeholder from images for quick image preview generate responsive images automatically generate svg placeholder for images for faster page load lazyload images that are using svg placeholder Responsive images automatically add srcset and sizes for images. Only necessary images are generated. Images smaller that the breakpoint are ignored. resize and crop images using a one of these methods (face detection, entropy, center or default). configure breakpoints used to create smaller images scrset urls are automatically rewritten when http cache is enabled automatically resize css background images. You can configure breakpoints for this feature. Javascript Improvements Fetch remote javascript files locally Merge javascript files Minify javascript files Ignore javascript files that match a pattern Remove javascript files that match a pattern Move javascript at the bottom of the page load javascript in a non blocking way if there is only one javascript file in the page. CSS Improvements Fetch remote css files, images and fonts and store them locally Merge css files (this process @import directive) Minify css files Do not process css files that match a pattern Remove css files that match a pattern Ignore css files that match a pattern Load css files in a non blocking way Progressive Web App Offline mode capabilities can be set to one of these network strategies Network cache strategies Cache only Network only Cache first, falling back to network Network first, falling back to cache Cache, with network update - stale while revalidate serve webp whenever the browser/webserver (using gd) supports it Disabling service worker will actually uninstall it Server Timing Header see here automatic preconnect < link > added, web fonts preload moved closer to < head > for faster font load Add < link > with < noscript > when async css loading is enabled. without javascript, stylesheet were not previously rendered. V2.1 Added push notifications using onesignal Added pwa manifest. The app is installable as a standalone application (tested on google chrome/android é windows 10 / firefox android) Precached urls list. You can now provide a list of urls that will be precached when the service worker is installed. Added router api. Add routes to customize fetch event networking strategy by using either a static route or a regexp Rebuild service worker and the manifest whenever the plugin is installed or the settings are updated Override meta name=generator with custom text Add a secret token to prevent administrator access Insert scripts and css that have 'data-position="head"' attribute in head instead of the body V2.0 PWA: implemented network strategies: Cache only Network only Cache first, falling back to network Network first, falling back to cache Cache, with network update V1.1 CSS: preload web fonts V1.0 this release implements to to bottom page loading optimization SRI (Sub resources integrity) generate SRI for javascript and css files Critical CSS Path generate critical css path based on the list of selectors you provide. Javascript fetch files hosted on remote servers minify javascript files merge javascript files minify inline javascript ignore files based on pattern remove javascript files that match a pattern remove duplicates move javascript at the bottom of the page CSS fetch files hosted on remote servers minify css files merge css files (flatten @import) minify inline css ignore files based on pattern remove css files that match a pattern remove duplicates move css at the bottom of the page load css in a non blocking way

Html Minifier

Free | Performance | tbela99

Score:

0 reviews

This plugin optimize page loading by performing these operations: Remove quotes from attributes Reduce multiple spaces into a single one Remove optional closing tags Remove optional tags

Display #