Search Results for 'css'

Lucian i am a little confused.
i have saved the font in a folder “Flaticon_Converted_Font” in root folder ;”public_html”
in theme panel there is an option to add custom font.
there we can give a link to Custom Font file. should i give link to this folder? or link of a specific file in that folder? also should “public_html folder name be included in the custom font link? like

http://akhbarworld.com/public_html/Flaticon_Converted_Font

also should the css of this font be added in my main style.css ?
is there a video tutorial to adding a font?
thank you for being so patient as this is the first time im adding a custom font to any site

i tried thi way but it is not resizing automatically. i think i need css codes

Hi,
I try to Remove render blocking css/js According to the guide. https://forum.tagdiv.com/pagespeed-guide/

But that did not change anything for me. Errors still appear for Google.
Moreover, it made me a little trouble.
http://www.hayom.org.il/wp-content/uploads/2015/02/booster.php_.jpg

It works great 🙂
thanks!!!!

why you don’t make all this small css changes on the theme? you write in your offer that the theme have
RTL support, i’m not pro in css, and for me it a big problem to fix all the RTL css problems by myself.

Hi everyone
On the topic of “PageSpeed,” I have already answered the same questions 50-100 times the past year and they are all covered in the “sticky” thread found in the Newspaper forum.

I am no longer providing any help with PageSpeed issues, as this is all covered in the sticky topic for advanced users; and for newbies, the settings/docs provided by TagDiv for the theme docs (link right side of page) will get you to the 80+ stage right away. If your score is below that then you *did not* follow the theme docs or this topic on the basics for speeding up your WORDPRESS install.

WordPress optimization is widely covered on the net – it’s not theme specific.

You need to have
a) fast hosting; $3/month accounts or “free” hosting are crap.
b) have gzip/deflate running on server
c) you need to set expiration headers in your htaccess (noted in docs)
d) you need to have an image optimization strategy (noted in docs); either via plugin and/or changing optimization setting in functions.php (covered in the sticky topic.. why not READ through it??)
e) you need to optimize your dbase regularly (wp-optimize plugin)
f) you need to limit use of things which call CSS, JS, fonts, ads, counters from OTHER SITES.
g) you need to test/explore refine some kind of caching system on the server or from a WP plugin (noted in docs)
h) high quality hosting will add mod_pagespeed
i) you need to look at manual minification of main style.css file
j) limit number of ad networks
k) limit number of plugins wherever possible
j) limit total number of images/thumbs loaded on post pages to something like 10 total; not 30+
k) use fewer module types to limit number of image sizes/thumbs; use text modules also.

When testing site with something like GTMetrix.com *READ* the information provided with examples and solutions. Only YOU can fix your own website, why ignore the info provided as so many on this forum(s) seem to do?

Advanced users:
a) local caching/loading of gravatars (I provide solution in the sticky thread)
b) mod_pagspeeed and mod_spdy if site loading via https (I offer help on that in the sticky thread and other discussion on mod_pagespeed; search forum)
c) optimization of font loading, hack theme to remove calls from headers/footers to Google and load via style.css; -or- use ONLY web-safe fonts and no Google fonts. (I also describe how to do this in sticky thread; although might need update based on current location of font calls with theme evolution/updates)
d) manual minification of other files, such as main theme functions files
e) optimization of wp-config.php file with comment removal, add paths to base URL/directory and theme directory by name (I show example in sticky thread)
f) add expiration type/ttl for custom icon font loaded by theme (betcha forgot that one!)

etc.

Learning to optimize your WordPress site is UP TO YOU TO LEARN. It’s not part of the theme. The theme supports very good speed rating IF YOU DO THE REST. The theme cannot fix your server, optimize your htaccess file, speed up time, or transport you off this rock. Google is a great resource to FIND hundreds of articles from the past decade on optimizing WordPress. You’re not the first person to do it.

Chris out.

(I am adding this here, as many don’t look at the sticky thread and/or folks in the Newsmag forum never saw that. Even so, most posting “my score is 40” clearly did NOT follow the basics found in theme docs.)

#1 TIP: don’t worry about render blocking elements until EVERYTHING ELSE is done. Those last items really only impact your last couple of points. I have 95 score with Newsmag without full optimization of the fonts or minification. It’s doable!

Hi everyone
I have already answered the same questions 50 times the past year and they are all covered in this thread.

I am no longer providing any help with PageSpeed issues, as this is all covered in this sticky topic for advanced users, and for newbies, the settings/docs provided by TagDiv for the theme docs (link right side of page) will get you to the 80+ stage right away. If your score is below that then you *did not* follow the theme docs or this topic on the basics for speeding up your WORDPRESS install.

WordPress optimization is widely covered on the net – it’s not theme specific.

You need to have
a) fast hosting; $3/month accounts or “free” hosting are crap.
b) have gzip/deflate running on server
c) you need to set expiration headers in your htaccess (noted in docs)
d) you need to have an image optimization strategy (noted in docs); either via plugin and/or changing optimization setting in functions.php (covered in this sticky topic.. why not READ through it??)
e) you need to optimize your dbase regularly (wp-optimize plugin)
f) you need to limit use of things which call CSS, JS, fonts, ads, counters from OTHER SITES.
g) you need to test/explore refine some kind of caching system on the server or from a WP plugin (noted in docs)
h) high quality hosting will add mod_pagespeed
i) you need to look at manual minification of main style.css file
j) limit number of ad networks
k) limit number of plugins wherever possible
j) limit total number of images/thumbs loaded on post pages to something like 10 total; not 30+
k) use fewer module types to limit number of image sizes/thumbs; use text modules also.

Advanced users:
a) local caching/loading of gravatars
b) mod_pagspeeed and mod_spdy if site loading via https
c) optimization of font loading, hack theme to remove calls from headers/footers to Google and load via style.css; -or- use ONLY web-safe fonts and no Google fonts.
d) manual minification of other files, such as main theme functions files
e) optimization of wp-config.php file with comment removal, add paths to base URL/directory and theme directory by name
f) add expiration type/ttl for custom icon font loaded by theme

etc.

Learning to optimize your WordPress site is UP TO YOU TO LEARN. It’s not part of the theme. The theme supports very good speed rating IF YOU DO THE REST. The theme cannot fix your server, optimize your htaccess file, speed up time, or transport you off this rock. Google is a great resource to FIND hundreds of articles from the past decade on optimizing WordPress. You’re not the first person to do it.

Chris out.

Hello i minify the css files but can you please tell me how i do Eliminate render-blocking JavaScript and CSS in above-the-fold content??

i follow this guide https://forum.tagdiv.com/how-to-make-the-site-faster/ but i can’t get the id which google page speed tell in results so please have a look in my site http://www.movzio.com and please tell me how i do render-blocking?

Thank you

-Mosam

Hello, thanks, by following all above instruction i am being able to speed up a bit :
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.unbelievable-facts.com%2F

from 70 to 76, i have few more question, should i consider “Minify CSS” & “Minify JavaScript”
which are not third party and hosted on my site?

Also you suggested me to update template,i did. I was using plugin to replace wp comment with fb comment:
https://wordpress.org/plugins/fatpanda-facebook-comments/, which is not working after template update.

Right now i have removed comment plugin, Now not even wordpress default comment system is working properly, check this : http://www.unbelievable-facts.com/2013/05/portrait-made-of-21-million-ink-dots.html

Comment box is not visible, it is visible to few posts!

Please help!

If you don’t know how to edit files manually for the theme you should not attempt any minification. There is no plugin to do it properly, aside from some things which mod_pagespeed running on your server might help with.

If you’re new to HTML and webdev.

The way you “minify” a file is removing extra spaces and line breaks.

For example, open the style.css file in text editor/programmer tool (I use TextPad on Windows, and BBedit on Mac), copy all the text, paste into the CSS minifier (link provided in my prior post); hit minify button, then paste back into the style.css file.

That is what minification is. Plenty of tutorials on the topic online.

In WP config, comments looks like

/** Sets up WordPress vars and included files. */

I cover most of this in the pagespeed sticky topic from the past year using the theme. Might be worthwhile to read through that; perhaps going back to front for my later posts.

But basically, you need to manually edit the files you want to minify, then use a tool to “minify” them; then replace the files on server in theme folder, etc., with the optimized versions.

Minifying the style.css file is the simplest thing to start with.

For minification I only recommend the following, and DONE MANUALLY:
I use http://cssminifier.com/

1) remove all the comments in wp-config.php manually
2) minify the style.css file
3) minify the functions.php file
4) if not running mod_pagespeed which does it for you, then you might also consider, manually opening your main post template and remove all double spaces and comments.

these are probably the 3 most loaded files on a WordPress site, and minifying them can really help.

Also putting in your direct URLs for base URL and home URL in the wp-config.php file really helps by saving queries. Similarly direct link to your theme folder also saves queries. But that is a bit advanced. See the WordPress Codex for more info on this topic of optimizing the wp-config.php file for hard-coded PATHS on your domain.

You can *try* minification of the main java file (.js), but this doesn’t always work very well.

Try:
http://javascript-minifier.com/
http://refresh-sf.com/

Or, open the two “main” .js files and just remove all the commenting, if you want a quick and dirty optimization.

• This reply was modified 11 years by simchris.