And as per the industry standards, your website should load in less than 1.0 or 1.5 seconds. So, Font Awesome affects your website and increase your website loading time. I would recommend you to also check your website on Pingdom to measure the impact before drawing any inference. the location of testing, internet speed, font files are loading from the same server or from a CDN etc. Note – Results of similar exercise might be different on the case by case basis because there are ‘n’ number of other factors i.e. Font Awesome CSS File Loading Time – Pingdom Result Font Awesome Font File Loading Time – Pingdom ResultĬlearly, Font Awesome (files) took about 28% time (1.5 seconds) of the total website loading time which is 5.37 second. The landing page of 528 kB took 5.37 second to load, out of which 8 kb CSS files took 622 milliseconds and 70 kB font file took 948 milliseconds to load. Font Awesome Website Loading Time- Pingdom Result
I tested the Font Awesome website () on Pingdom to measure the impact on website loading and the results were eye-opener. When you implement Font Awesome on your website, it loads one CSS file (font-awesome.css) and one font file (fontawesome-webfont.woff), the size of the CSS file is about 8 kb which is okay and the size of font file is about 70 kb which is huge. Why you should Remove Font Awesomeįont Awesome has a wide variety of icons about 634 and most of the time we use few icons such as Social Sharing Icons, Icons related to Menu, Post Meta etc. As the name suggests, the icons look really awesome and it gives a nice look to your website and Social sharing icons fall into the most used icons category. You can change the size and color of icons, add a drop shadow or use animated loading icons etc.
#Statusfy hide icon how to#
How to Remove Font Awesome from WordPress Theme.
text-hide (in terms of seo).🚀 Why WP Rocket? Because PageSpeed Matters! If hiding the text is ok in this situation, I'm not sure if sr-only would be better to use then. I'm using twitter bootstrap which has two css classes to hide text. I know that it's generally not good to hide text, but in situations like this would I get penalized or is this actually better to do? This would add text to an empty link and possibly help screen readers if using the sr-only class. I can also now add text to that span with a text-hide or sr-only class which would hide it. With a little manipulation I can remove the I tag and replace with span (not sure if that's better or even matters). Right now they're being displayed as social icons empty but appear as links without any text to search engines. Do what's best for your readers (This affect readers one way or another since I'm not actually changing the display (although it might actually screen readers by adding this.It never even crossed my mind before doing seo scans). Don't put SEO first (I haven't, since I'm already done with the site).Here are some similar answers to other questions (with how I would respond for my situation): I've read a few different questions similar to this and most of the answers were unclear or didn't help. The links they were referring to are all social icons, and are displayed using icon fonts. I've done a few quick SEO tests of a page and they all suggest "consider adding text to links".
0 kommentar(er)
