Search Results for 'css'

One note is that while using AdSense for testing PageSpeed Insights lowers your score, that is the tested score, not the actual score for ranking signals, which discounts the advertising from their own network in calculating the speed for their purposes.

Put another way, Google doesn’t really lower your ranking based on speed for loading their own content on your site, as related to their ad system(s).

So, test with AdSense OFF, but you can then switch ads on, but choose text ads vs image ads (in your AdSense account), to derive minimal revenue from your site effort (neccessary for most bloggers and newspaper/magazine sites). Additionally, using only two ads vs 3, does help with overall user experience.

One way to “guess” the version is to look at the td-bootstrap.css file and look for any of the styles unique to BS3 such as for tables, the semantic changes to button classes, etc.

Yeah but who wants to think that hard on it? lol

I have yet to find anyone, outside of office and corporate networks, still running <= IE9, even with XP, which is fine because FF and Chrome work on those systems. Let’s call this the giant label on my forehead that says I hate IE and do not support it for my users. Some of the best technological minds in the world at Microsoft, and they’re still spending too much time trying to increase market share instead of making the most of a market that refuses to cave.

Come to think of it, I’ve already come across 3 premium plugins on Envato that I bought for use with Newspaper, and bootstrap was the source of the conflict. Wasted $68 already so trying not to make that $90.

I know Newspaper uses some of BS3 based on the viewport meta tag use, but that isn’t everything. I need to know what version Newspaper customized to really answer this one, I think. The plugin author has some questions on it as well, basing it off of the 2.3.1 version of BS, so we’ll see how much it matters from his point of view too.

Always a pleasure, Chris.

I thought the theme works on a modified/custom version of Bootstrap 3. However worth noting that BS3 is not compatible with Internet Explorer prior to IE9 at all, which is why some still use 2.3x (which we do on our business site actually, so the large existing userbase on WinXP can still see the pages at all vs a mangled list of bullet lists).

So, keep that in mind; some people do want compatibility with IE6,7,8, which BS3 has ZERO support for.

And of course remember the theme is not built on the “full everything on” version of Bootstrap but custom version which anybody can build out based on choosing components at the dev portal.

That might not help, just food for thought on this topic.

One way to “guess” the version is to look at the td-bootstrap.css file and look for any of the styles unique to BS3 such as for tables, the semantic changes to button classes, etc.

Anecdotal: I had same issue with light box on my main business site (not running WordPress). We worked hard to explicitly conform everything to the validator back in 2011, but now with the CSS3/HTML5 stuff the validator throws a LOT of errors, hence why the HTML5 validator is labeled “experimental.” It tells me my light box pop up code isn’t supported in HTML5, and yet it works and is correct for CSS3/HTML5, but not CSS2. Soooo, even with correct doc types, etc., it gets confused on some stuff. It’s also a bit funky with mod_pagespeed elements. I got our main site to only throw 2 errors simply by changing couple of things (oh, like the old ASCII code for the trademark symbol should be the four number version not the old three number version, etc.).

That may not help, but Lucian can help sort it if he can see link to your website page.

Here is somemore tips on what can give you a very bad google pagespeed score…

1. Ads (Google,amazon, etc) Ads really put a slowness on ur site that’s why i don’t use any ads on my site what so ever.

2. Sliders make ur site look very nice but they make ur site slow as well and i don’t use any sliders on my site.

3. Social sharing Bottons is something every one want on there site to get more traffic,but there is a lot of social sharing plugins that make ur site very slow because they don’t render correctly also they not coded good,if you want too use social sharing bottons on ur site my advice is to use the build in theme sharing bottons are find a good coded social sharing bottons like what i done that you will not even notice there even on ur site when it’s loading.

Recommendation from me for social sharing plugins as follow…

4. Ultimate Social Deux plugin i’m using on my site it’s coded correctly and very lightweight and look very nice on ur site with out slowing ur site down, in this case you will have no issues what so ever on ur pagespeed.

This plugin is not FREE you can buy it from this URL http://codecanyon.net/item/ultimate-social-deux/6556073

5. A lot of unnecessary plugins can also put a lot of stress on ur site speed and server and make problems with ur theme etc,try to find a plugin that have many things in one,in this way you cut down the total of ur plugins also the load on ur server.

6. A good hosting company is the main factor of a good google pagespeed as well,some people will go for very cheap hosting to save money but they don’t get what they pay for,some cheap hosting don’t care about ur speed etc so before you pay for any hosting make sure you know what they giving you and if there good are not.

My site is hosted with the same company that i’ve host my radio server and domain with and they give you more then your money can buy..they called “Listen2myradio.com” i was with them for a few yrs now and i never had problems what so ever with them and my site and radio always up 99.9%..

My hosting company give they users the max on every thing with they hosting packages which will make ur WP site run smooth with no issues with speed..

PHP Memory Limit: 256M
MySQL Version: 5.5.37
PHP Version: 5.5.14
PHP Max Upload Size: 2000M
PHP Max Post Size: 8M

More tips coming soon..

P.S. Rather than use mb_strtoupper, why not style text-transform on the block titles so it’s easier to just change via CSS? (This is half a suggestion and half me actually asking because I don’t know which way is better.)

Yes, the issue is there. I added this css as for some reason div class/id added to ad code in Header Ad box don’t work. Also the css given by you didn’t work.

So I ended up changing this:

.header-content-rec {
height: 122px;
}

It did work, but I am not sure if that’s a good idea or if its breaking something else shomewhere.

The most important plugins you need to even get this close to getting those scores..as follow

1.tagDiv speed booster

2.Speedbooster Pack Plugin (Don’t use the feature Disable all above CSS options on mobile devices) all the other features can be use but it all depends on ur site.

3.WP Super Cache Plugin this work better with the theme and don’t cause any issues with the theme code.

4. Optimize Database Plugin http://wordpress.org/plugins/rvg-optimize-database/

5.EWWW Image Optimizer Plugin

6.CloudFlare Go to “performance settings tab” and make sure you choose every thing in there…

A.CDN & Full optimizations

B.Simplified

C.Rocket LoaderThis play a very big important role in ur google pagespeed test as well make sure it’ turn on..

D.Auto Minify (JS,CSS,HTML)

E.Minimum expire TTL Make sure it’s set to 5 days not more are less..

A very important tip,early in my post i recommend to use a “Leverage browser caching plugin” well i was using that for a while but it was not working the way i thought it should, i’ve deleted the plugin and add the “Leverage browser caching code” to my .htaccess file make sure this code is at the very top of ur “.htaccess” file…this code works great and do the job better then a plugin also save you from another to install..

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 2 days”
</IfModule>
## EXPIRES CACHING ##

Because my post is about removing the “render-blocking CSS and JS files”from google pagespeed test…

I’ll like too show you my results that you can see all my tips in this post work and if you take them and use them in the right way, I sure think you will get the 95% score like me as well…here is some more screen shots of my results to let you know what will give you that 95% score for mobile and desktop..

Hello!

I solved the error! It was CSS error in style.css file of new version of theme.

On the line 2988:
.td-post-text-content img, .mce-content-body img {
display: block;
}

I commented the line:
display: block;

Now it all looks OK!