danriti / bootstrap-pagespeed Goto Github PK
View Code? Open in Web Editor NEWBreaking the PageSpeed barrier.
Home Page: http://www.appneta.com/blog/bootstrap-pagespeed/
Breaking the PageSpeed barrier.
Home Page: http://www.appneta.com/blog/bootstrap-pagespeed/
Awesome work, love experiments like this! That said, I think you may have given up on mod_pagespeed too quickly :-)
Here's a slightly modified MPS config that gets you to 100 without any manual work:
ModPageSpeed on
ModPagespeedRewriteLevel CoreFilters
ModPagespeedEnableFilters prioritize_critical_css
ModPagespeedEnableFilters defer_javascript
ModPagespeedEnableFilters sprite_images
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters collapse_whitespace,remove_comments
Prioritize critical CSS and defer JavaScript are the two "workhorse" filters (just as you noted in your writeup), but they are disabled by default in MPS. After adding that and reloading the page a few times you should be looking at a perfect score! Here's my run:
For critical CSS the server beacons back the "above the fold" CSS, so keep in mind that you'll have to reload the page a few times before it begins to inline resources.
For more background on the different filters: https://developers.google.com/speed/pagespeed/module/config_filters
I found a new problem: With the css in the head (for above the fold) on mobile or on small sized browser-window there is not the menu-icon visible and the complete nav-bar is visible..
Pic-1 = without "above the fold" css... But no 100/100 at page speed...
Pic-2 = with your css in head with 100/100 at page-speed...
These pics are from google speed-test, but on my Samsung Galaxy the I've same problem... :-(
.
1st: THANKS for your very good repo!
My Problem is: I can't use your example under Firefox 24, 25 and 25.0.1 (I have'nt other FF)... I had test with win7 and ubuntu 64Bit... After I put a domain (http or https with pagespeed mod and without it) in my Firefox Browser, wich contain your example, Firefox hangs up :-(
All other major browser have'nt problems and all is fine... Google page speed give me 100/100 :-)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.