Comments (3)
Hey zbeekman,
I am afraid that I'm not so up to speed with above-the-fold techniques, though now you have me intrigued. I doubt I could provide any insight on manually identifying above-the-fold CSS but these tools look like they could help:
http://addyosmani.com/blog/detecting-critical-above-the-fold-css-with-paul-kinlan-video/
https://github.com/addyosmani/critical
Have you tried either of these?
from agency-jekyll-theme.
Strange, in my email notification, there was a link to uncss too, but I don't see it in your post.
I tried using critical, but it extracts a ton of stuff. I'm intrigued by uncss, especially if it can handle media queries well. I had tried a different tool (I don't remember which) that failed epically with the media queries. Using critical ends up actually including a lot of stuff and I think that some of order of precedence gets changed with critical resulting in some odd rendering problems.
I also came across this post which uses jekyll's built-in sass functionality to merge and minify all the css, and then simply jam it all into the <head><style>
section. I like that this dispenses with the asynchronous javascript styling. The only problem is that the browser needs to read through the entire sites style sheet before it can start painting, if I understand correctly, so the site's css needs to be relatively small.
I think this latter approach might be feasible using jekyll's built-in sass capabilities. If my very limited understanding of sass is correct, then .css
files should be valid scss
files, no? So I think I have a decent handle on how to proceed.
The last performance issue that needs addressing is the google-fonts css url requests. The most ideal solution would be for me to find open web fonts and serve them directly.
from agency-jekyll-theme.
scratch that, uncss is the tool I tried to use that didn't seem to work at all...
from agency-jekyll-theme.
Related Issues (20)
- doesnt build locally HOT 2
- vendor links aren't resolving HOT 2
- Agency
- Navbar doesn't appear fast enough HOT 2
- Doesn't build HOT 2
- How to show python projects in _posts HOT 1
- Your theme is listed in jekyllthemes.ru
- Does this work with Git Pages? HOT 1
- Trying to set up a page for an organisation but failing
- Recommend just using forloop.index instead of requiring a modal-id property to be set for every post. HOT 2
- Investigate posible merge with https://github.com/SotiriosVrachas/jekyll-theme-startbootstrap-agency HOT 3
- works locally but no on gh pages HOT 1
- portfolio order HOT 2
- Mobile view HOT 1
- Can't change the icons on services page
- Doesn't work with localhost
- Contact form HOT 1
- _posts not rendering, doesn't seem to register model-id HOT 1
- I updated this theme! This one is outdated, see info below HOT 1
- Website rendering incorrectly HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from agency-jekyll-theme.