Search Results for 'css'

Hello, I did it that night )))

There are no need to insert code at all.
It works with only VK API.

Tell me, code in style.css I need to add it in style.css to the end of file or which place?

btw, we used font squirrel to repackage open sans to use on our CDN vs loading from Google, and used minified CSS to load the regular, true bold, and true italic versions of fonts, along with the varied font formats for Windows, Mac, iPad, etc.

Brain numbing to do, but worth it if you’re nuts about using custom fonts and speed, and compatibility with stupid IE9/10. Not sure if IE11 has the same issue or not (not rendering italic or true bold Google fonts properly).

I thought Radu or Marius said someplace that better font selection was one of the action items on their custom admin panel, since the current setup is hampered just a little bit by the built-in WP panel they have built options into.

But yes, having option to use web safe fonts would be an excellent option to see in an upcoming version.

Of course always good to remember that Google kind of gives some false positives on
1) fonts
2) adsense
3) recaptcha
4) google+ buttons

they find errors in their own code being loaded on the page; such as image dimensions on ad units missing, CSS for font styles loading off their CDN, recaptcha images needing “more optimization” etc.

A good “goal” for Page Speed right now, based on industry think, is
target desktop = 90 or higher
mobile = 80 or higher

anything below 75 mobile and below 85 desktop would be considered “poor”
but the world won’t crash into the sun if you have a heavily loaded page getting 79 mobile and 89 desktop for the forseeable future, as that is still above the average for 90% of the web.

another well thought out response – thanks Christopher. If we could have a check box to just use web safe fonts and not use any google fonts, would that not also remove the css loading?

I only see any option to use google fonts, and personally I would prefer to use non-google fonts.

not a huge issue I guess – although it is fairly common for themes to provide the option between web safe vs. google fonts.

cheers…

Just fyi on web fonts …
since the fonts are being loaded from Google’s CDN, there isn’t really any way to “optimize” Google’s loading of those fonts in the way some of you may think – how can the theme optimize something living on Google’s CDN ?. Although “technically” one might remove the &ver=3.71. for some very minor compliance in moving away from that kind of versioning data in WP.

How we did it on our static main business site (not running WP except for news and blog areas, but it’s the same concept in how you might “super optimize” YOUR setup), was we downloaded the equiv fonts (Open Sans family), created style sheet, uploaded both CSS and fonts to our own CDN (S3/CloudFront), setup CORS rules, and now load the fonts off of Amazon’s cloud where we could set expiration times of one year, and compress, etc. In our case we did it both to control all the font parameters for PageSpeed and also the whacky bug in IE for not loading the true italic version of fonts off Google’s CDN without manually inserting calls to all font versions one at a time for IE which results in loading 8 font families per page). Using a custom style sheet to load all the fonts, we load just ONE file for the reg/reg italic, bold/bold italic and solve two issues with Open Sans.

For “most” people you need to setup your compression, and time to live (expiration headers) on YOUR end of things before anything else – that is not a function of the theme. Google how to do that, or contact your hosting provider. Then move on to the other stuff. As GZAM pointed out, and as I have previously, the compression and expiration headers alone account for about 20 points or more in Google Page Speed.

Fonts are a tricky bit, where any “designer” fonts, slow down page regardless, as they have to be loaded from somewhere. For those looking for “fastest speed” once everything else is done, you might have to NOT use custom fonts at all, and sub out Trebuchet MS for the menus, and something like Georgia or Arial/Helvetica for the body text.

Spending the $2 a month for Amazon’s CDN (or similar) is one way to speed up your fonts, vs loading them from Google directly, but that is something you need to try, modify, test, modify, test. For example, we use Font Awesome, and we tested loading that off the cloudflare hosted version vs our CDN on Amazon – Amazon was faster so we load that from there.

Not sure if any of that helps. It is a process, not a one click thing to optimize a page for ‘speed’ — there is NO “one click” solution out there due to complexity of servers, content, and everything being loaded on the page.

For example on optimization — if you want faster speed, what about image compression level using built in functions of wordpress? Did you know you can use a plugin or function to increase the compression level of the thumbnails appearing on the pages? Smaller files there make page load faster even before server side gzp/deflate. These are the kinds of things you need to research if trying to optimize your site for fasted load times.

For example, you could set the compression of images to something like 60% or even 50% in your child theme functions.php … will only change level on new images uploaded unless you use the regenerate thumbnails plugin or similar.

add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );

I’m not sure what Radu has the quality set to by default, but increasing the compression even 10% from the default improves speed.

Additional ref:

switch ( $mime_type ) {
 case ‘image/jpeg’:
return imagejpeg( $image, $filename, apply_filters( ‘jpeg_quality’, 90, ‘edit_image’ ) );
case ‘image/png’:
return imagepng( $image, $filename );
 case ‘image/gif’:
return imagegif( $image, $filename );
 default:
 return false;
 }

Google’s webpagetest.org actually recommends quality level 50 for web images.

We are shooting for “60” at the moment (60/100 compression is not percentage of compression, btw).

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

I have same issue with Optimize CSS Delivery..

Hi – just my 2 cents –

before doing anything (theme out of box on new shared server) – had page speeds of 45 mobile and 58 desktop

then, added gz deflate code to htaccess file, and configured W3 total cache – and now my google page speeds are: mobile 75 and desktop 92 – and I am fine with it

In my opinion, for shared servers – wordpress isn’t going to get much faster than that…

the gz deflate had the most increase (I forgot to track the exact increase – but it was over 20) – if someone needs to know how to do this – I would recommend asking support on your hosting site –

I added back “addthis” plugin – and desktop speed only went down to 91 – but for me totally worth the “add this” value…

I should also note that I currently do not run ads on my sites (still developing content) but I agree that will slow it down a bit (that was mentioned)

One thing I would like to know if the theme could clean this up though (from google speed test)

Optimize CSS Delivery of the following:

http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.7.1
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.7.1

tanks Christopher portal
result or page 69 -100 mobile
result desktop 83 – 100 mobile

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fga-ga.com%2F1204%2Fbeginning-adventure-space-time-reveals-roots-doctor%2F

thema NEWSPAPER
mobile 91 – 100
desktop 97 – 100

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F

97 developer could think he can show how to get the files that score

example files and hack
. htpacces
plugins
css (hack)
crop image

developer newspaper help?

I wish the developer wordpress thema newspaper

We show how you got that score 97-100 in thema

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F

example files and hack
. htpacces
plugins
css (hack)
crop image

for us who bought the thema because the score

Hi, PhilDbz
we like the addthis plugin since you can customize how you want it to look, specify the buttons you want always on, etc. In our case over the past many years, we had more trouble with sharethis than addthis, but it’s personal preference kind of like disqus vs livefyre etc (we’re moving to “no comments” on some sites due to nonstop forum spam).

On our main business site we hand code that into the layout then load the addthis stuff via async.

Addthis seems to work well when checking for pagespeed, too, although all those things throw up the usual js/css “warnings” …

anyway point was, addthis does allow you to have the buttons with the likes/numbers. I went without those as it slows down page to go get that data for the visitor, who generally could care less how many other people have liked something on FB.

Ok, didn’t seem to make a difference. I’ve attached a screencap of my style.css file