Comments (4)
@jcdepth The social icons are part of Font-Awesome. In my personal site, instead of directly loading FA's CSSs, I've used deferred FA JavaScript loading. That's the reason of the flashing/flickering of social icons.
The reason I chose deferred JS for FA was that, the social icons aren't the most important parts of the site or post, they can be loaded later, saving some loading time on the critical rendering path for other stuffs that the reader might want to see first ;)
from hyde-hyde.
Thanks for the reply! How would I tweak when Fontawesome is loading?
I'm guessing that because the demo site on gohugo.io doesn't load like this, it may be a setting in how Hugo is building the site?
from hyde-hyde.
@jcdepth Sorry for the misleading info. During hyde-hyde
development, I have switched back and forth between using Fontawesome CSSs or JavaScripts quite few times. The current version of hyde-hyde
is using FA's JavaScripts in deferred loading styles.
https://github.com/htr3n/hyde-hyde/blob/master/layouts/partials/footer/font-awesome-js.html
That's the main cause of flashing/flickering as the social icons of FA will be loaded almost at the end of the page loading.
The demo site on https://themes.gohugo.io uses the same code base but, I guess, the flickering/flashing is quicker/shorter and perhaps unnoticeable (e.g. due to faster hosting or caching) compared to my Github site.
from hyde-hyde.
@jcdepth As haven't heard from you since the last comment, I will close this issue for now. Please feel free to reopen it any time for following up.
from hyde-hyde.
Related Issues (20)
- Font Awesome 5 file is too big HOT 2
- Ability to use a different font HOT 2
- Google Analytics don't colect data HOT 2
- build error with hugo v0.71.1 HOT 2
- Upstreaming Improvements From My Site HOT 4
- Not able to Modify HOT 1
- Add author to post HOT 1
- Show categories? HOT 1
- Bottom-based sidebar? `sidebarSticky = true` doesn't seem to work HOT 1
- Look for new maintainers? HOT 1
- Sidebar width HOT 1
- How to add custom css and author image broken HOT 1
- how to sink sidebar contents to the bottom? HOT 1
- sidebar contents always stick at top no matter the value of params.sidebarSticky
- Adding Bootstrap to hyde-hyde HOT 1
- Change home page layout to /posts
- My home page using hyde-hyde is blank HOT 2
- Add support for Google Analytics v4 HOT 1
- how to add LaTeX math expressions?
- Your theme is removed? 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 hyde-hyde.