Giter Site home page Giter Site logo

bootstrap-pagespeed's People

Contributors

danriti avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

bootstrap-pagespeed's Issues

Perfect PageSpeed score with the help of mod_pagespeed - automation ftw!

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:

screen shot 2013-12-17 at 11 17 35 am

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

No menu-icon with "above the fold"

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... :-(

Pic-1
home-2
Pic-2
home-3

.

Firefox freeze

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 :-)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.