Critical path CSS computation module for faster in-browser rendering

<%- if @topic_view.topic.tags.present? %>
<%= t 'js.tagging.tags' %>: <%- @topic_view.topic.tags.each do |t| %> <%= t %> <%- end %>
<% end %>

I’m trying to make a module that produces critical path CSS using https://github.com/pocketjoso/penthouse .

This work has been started because I became tired from Google Pagespeed Insignts’ constant critique towards this critical path CSS usage. From their perspective it looks like every page has to have it’s own critical path CSS in order to be ranked high enough and be quick on rendering.

There is a working prototype here:

I’d very much like to hear some feedback on the idea and implementation, please.

1 Like