Search Results for 'other ads'

I think in the readme for the tagdiv plugin, he says something about the colors not sticking for customization.

The “flash of unstyled” content is usually a sign something is loading before something else, so you see one version before other fully loads. I run into this with custom fonts, and sometimes with a style color. The tagdiv plugin is basically queing up the elements to load faster, but this can cause oddities based on “order things load.” It’s a trade off at the moment for speed vs compatibility — and with caching, your browser (especially chrome) may keep the one style, before it gets to the next style which has the custom colors.

Not technically a bug. I’m running the plugin and seems to work okay I hacked my colors.

(HINT: actual fix is to edit the default blue in the style.css file or wherever that element thing is so that the “over ride” color is in fact the “default” color.)

“tagDiv speed booster is still in beta! Currently it is affecting the theme customizer and probably some plugins. This plugin is for advanced users only. We are still working on it.”

FYI

The same Google ad code is working fine on a other Internet site of myself.

Best rgds

Roger

Hi, Anna
we’re running the latest “stable” release from November. The current January version is an “edge” (or “Beta”) which is on different development track. So, hoping the stable version will be updated end of January with some of the new fixes.

Since our main sites are mission critical we dialed back all the filters server wide to just the CoreFilters minus one lazy load element (have an over-ride to lazy load images on page load and not on scroll as that did weird things).

Originally tested with a “full set of best choices for WordPress” but we’d see that something caused conflicts and so doing side by side speed of loading tests, most of the time the pages would load more quickly with mod_pagespeed OFF, which didn’t make much sense.

Now, I’m testing the filters sort of case by case, then testing the “mix” of elements (e.g., fonts, adsense, grvatar, addthis/social buttons) with each option, trying to use as few as possible to not actually slow things down (meaning why have mod_pagespeed do something which doesn’t actually need to be done — 10 extra filters adds some latency somewhere, although if done pre-cache not a biggie “in theory”).

It’s also worth noting I hacked the addthis plugin to add the “async” method which is not built-in (stupidly); which can be found in one of my other posts.

The adventure continues on Saturday!

Also note that some “master filter” settings enable sub filters, as so:

ModPagespeedEnableFilters rewrite_images (apache)
in the configuration file. This is equivalent to enabling
inline_images, recompress_images, convert_png_to_jpeg, and resize_images.

And then recompress_images is a master ‘group’ filter set for the following:
This is also a group filter, and is equivalent to enabling: convert_gif_to_png, convert_jpeg_to_progressive, jpeg_subsampling, recompress_jpeg, recompress_png, recompress_webp, strip_image_color_profile, and strip_image_meta_data.

So as you can see there are
master group >> sub master group >> end filters part of sub-master group

hence the phrase “tricky” 🙂

I am testing the master groups first to find what doesn’t work; then sub-groups, then down to specialized sub-filter settings.

• This reply was modified 12 years by simchris.

HI, Radu
thanks for update. I knew you were working on the fonts thing for next “edition.”

For the Google plugin, I don’t think we would end up using it but it was announced the other day. I think your solution is awesome (once the top bar alignment thing is sorted).

Keep up the great work!

CS

Pagespeed mod test update: settings 0.4

Google Pagespeed 93/100 on main GPS Insight
page: http://ga-ga.com/1262/fiction-area-code-666-part-18-del-arton/
– google adsense – no ads for test
– addthis plugin replace social media buttons with single button ‘on’
– gravatar loaded dynamic over network for author box

todo:
1) load author image locally either with plugin, or add field to functions.php to add new user datafield, then call user meta for the field instead of gravatar code.
2) reduce server response time — typical is 0.32 seconds (320msec) up to 4 seconds; but Google now saying <200msec is the “ideal” — not sure tradeoff on optimizations for everything else; but I did see a post the other day about server tweaks to speed up “first byte” load of WordPress pages to deal with that so called “error.” Solving this would negate the penalize from Google AdSense being on.
3) super annoying “reder blocking” CSS almost “quashed” and ironically the error is from mod_pagespeed trying to fix:

Optimize CSS Delivery of the following:http://ga-ga.com/…ootstrap.css.pagespeed.cf.n0P3fhMJJz.css
http://ga-ga.com/…/A.style.css.pagespeed.cf.JAYrGYtjNo.css

– so in typical GPS fashion, one Google product complains about another Google product which is designed to fix the complaint in first place (ARGH!). This one will take some playing around with the “filters” which is where I got stuck this past weekend.

Hope this is entertaining somebody 🙂

and I forgot to mention here is the code I’m using in my htaccess file for mod_pagespeed testing, in addition to CoreFilters being on from the main .conf file at server level, eventually this would be a <directory> directive in the .conf and not in htaccess for better optimization.

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

CHANGE to my prior htaccess code for expire headers to solve one javascript file for comments in the core wp code:

AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>

I also added these to the end of the htaccess after the cache control headers, to solve the ETag problem and also the damn spammers hitting my ping script.

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

AS EVER: do not make changes to any of your files/settings unless you have backups done.
THis is all experimental at this point; when I have a solid Apache-friendly setup, I will share all the settings in all the files for those interested in this discussion. 🙂

Cheers,
Christopher Simmons
member: PRSA, ASCAP
CEO, Neotrope®
Torrance, CA, USA
(please don’t call me asking for help on anything at this point in time; I will resume my consulting biz once I have my own ducks back in a row, as it were!)

• This reply was modified 12 years by simchris.

We own our own server, so we’re running mod_pagespeed on Plesk[ne Parallels]11/CentOS6.5 in order to solve some things across different types of content sites (not all WordPress). Being able to defer javascript with WP is helpful. Being able to recompress images at server level, combine small PNGs to sprites, etc. mean we don’t have to use Smush.it, EWWWW, etc. for most things. Using the built-in WordPress compression level function to make thumnbails generate at “50” vs “80” also a big help before anything else is done. Idea is trying to run stuff at server level above the PHP stuff where possible vs having plugins being called as each page renders. Nice thing with mod_pagespeed is also inserted image dimensions for “responsive” images for faster page render. E.g., on one of our sites the images are 400×300, but render on page at 70% of the column “width” via CSS — mod_pagespeed will actually rewrite the actual size on page (e.g., 431xNNN) for faster page load. Some really interesting stuff. We run memcache and are storing cached elements in RAM and on the disk, before the page write – so, in theory, this is a level above using a cache “plugin” in some ways (although end result is same probably).

Still testing 🙂 Just got a good working version across all sites as of Tues. night (two days ago). 10 days of “try this, nope. try that, nope. WTf? Oh! What? Hey! Oh. Okay…” … 😉

Seems like you should already be able to minify the .css for the main style sheet if you know all that stuff ! Kind of surprised Super Cache isn’t able to minify.

But sounds like you’re an above average user, so likely you’ll be able to come up with a solution for the CSS minification if you don’t want to do it manually.

I’m suffering an 82/100 desktop at the moment due to addthis, google syndication/adsense, and youtube video on a page. 92+ with that noise off and no cache plugin (!).

We stripped out the Google font calls entirely, and did search/replace in style.css for default fonts. Got rid of the stupid Google insights “error” for their own stupid fonts.

It’s a process. Since we have a shiny new 12 core Xeon server, been trying to get this tweaked to do as much as possible at top. Considering adding Varnish, but another pain in the butt to sort out. Day 16 of the “how much can the server do to fix stuff on the fly” adventure. Would be nice if Google fixed their own crap for Insights to at least give a reasonable speed grade taking into account THEIR problems.

No magic bullet. Funny how some “experts” who claim 100 pagespeed are running sites with plain text, no graphics and one ad on page, and then try to give advice for those running newspaper/magazine sites which by nature are very complex.

Zeus
I think if you paste multiple things into the “ad slots” boxes, you might be duplicating code. I think if you use the async method using the adsense box with “async” ad “type”, the “code” (call to Google) only loaded once, then each size in each slot calls the async/responsive unit. Likely the way you were doing it originally caused some kind of “limit” on ads from Google, -or- some code cancelled the other out.

Might be wrong, but that’s how it works for me.

• This reply was modified 12 years by simchris.

“Suggestion for adding if single in frond of the ads code? It prevents ads from showing up on category pages, the homepage and other pages”

The advertisement only shows up on the homepage for me and I hide it using CSS.

“Is it possible to add author info and tags to this function? Because all things in the footer like tags, source and author info will show beneath the sharing buttons and comment box.”

No the author info and tags will show above the comment box and under the content.

Thanks Ocatavian, did you took my suggestion for adding if single in frond of the ads code? It prevents ads from showing up on catergory pages, the homepage and other pages! It should look like this:

if (is_single((get_post_meta($postid, 'top_ad', true) != 'off' )) {

I edited the code a little more and got it working. However, i know run into the same problem as Octavian. The reviews shows up beneath the sharing buttons and comment box i inserted. Can’t we use the include() function to somehow get the get_review working? My code now looks like this:

function content_injector($content) { 
		global $wp_query;	
		$postid = $wp_query->post->ID;                  
		if (is_single((get_post_meta($postid, 'top_ad', true) != 'off' )))  {	
$top_ad = do_shortcode('[td_ad_box spot_name="Ad spot -- topad"]');
} 		
		if (is_single((get_post_meta($postid, 'bottom_ad', true) != 'off' ))) {	
$bottom_ad = do_shortcode('[td_ad_box spot_name="Ad spot -- topad"]');
}
 if (is_single()) {
$custom_share = '<div id="title-deel"><h4 class="block-title"><span>DEEL</span></h4></div>' . do_shortcode('[ssba]');
$facebook_comments = '<div id="title-reageer"><h4 class="block-title"><span>REAGEER</span></h4></div>' . '<div class="fb-comments" data-href="' . get_permalink() . '" data-colorscheme="light" data-numposts="5" data-mobile="false" data-width="700"></div>';
}	
$content = $top_ad . $content . $bottom_ad . $custom_share . $facebook_comments;
return $content; 

}
add_filter('the_content', 'content_injector');

Oh and Octo, u might want to add the if_single code to your ads code like i did to prevent them from showing up on the homepage and other pages!

Hello Marius,

Happy new year for you and the other memeber of your team!

I already did it but it would be great if I could put the shortcodes directly in the Theme options. I could mix the options for responsive ads of the theme with the professional management of the ads with a plugin.

Please, add this option in a future update.

Thank you for your great work! I wish you the best for this year!

Merry Christmas to you both too!

I know how to embed videos the regular way, i’m not a total noob 😉 I managed to edit the embed code that is used when showing it as featured video, so that it will start in HD and won’t show annotations and related video’s at the end.

If someone is interested, here’s the code.
Replace line 157 in includes/class/td_video_support.php with this:
<iframe width="600" height="560" src="http://www.youtube.com/embed/' . $this->getYoutubeId($videoUrl) . '?rel=0&?wmode=transparent&iv_load_policy=3&vq=hd1080' . $this->getYoutubeTimeParam($videoUrl) . '" frameborder="0" allowfullscreen=""></iframe> The code’?rel=0&?wmode=transparent&iv_load_policy=3&vq=hd1080′ is the part that does the trick, so the rest of the code will not be edited.

Marius, i’ve already noticed that it will automatically put the normal youtube link in an iframe and that the embed code provided by youtube will also automatically be put in a different iframe. These iframes will force the video to be shown in a 100% width and style=”height:420px”. The featured video comes with a 600 width and 560 height (as can be seen in the code i mentioned above), the embedded video comes with a 600 width and 394 height. However, these heights are forced to 420px because of the style code. Now here’s my question: I don’t know why, but on my other site the embedded video’s will hide the buttom pause/play and options, as can be seen here:
http://www.mannenhumor.com/magazine/stunten-op-een-wielrenfiets.
On the my new site using the Newspaper theme, these functions on the bottom stay visible when the video is playing. I don’t know why, but i think it might have to do something with the height. I tried to find differences in the embed code using the debug tool, but i can’t find them. So how can i edit the height of the iframe that is used by your theme? I can’t seem to find where this style height is set… Is it a css file somewhere? I feel a bit stupid for asking.

Now here’s another question. The iframes forced by the theme don’t use the code as i mentioned above. Where can i find this piece of coding, i would like to add ‘?rel=0&?wmode=transparent&iv_load_policy=3&vq=hd1080’ to it so my bloggers can simply put the youtube link in a post without having to put this code behind every youtube video manually.

As for the fb and disqus comment system, i’ve managed to use it on my other sites. Those use the Avada theme, which is a REALLY slow theme regardless of the double comment system, so i don’t know if it will cause a decrease in page speed. I do know a site that uses them both and their page loads quick enough if you as me. See for yourself here (don’t mind the content, it’s a Dutch site): http://www.vkmag.com/magazine/kind_krijgt_stofzuiger_als_kerstcadeau

• This reply was modified 12 years by r1kay.

Hello Marius, Yes, that’s the bug!

When I go back to the posts, the default is on, so when I save it without changing the default sidebar into my custom sidebar, you will see a full wide page. So I must change it every time I change some text or other things.

Here my print screen: http://www.voedingsdomein.nl/wp-content/uploads/Sidebar.jpg

What do you want more?

Thank yoU!

@Marija1m1 …

See the threads on page speed. Follow Radu’s recommendations for how he got the demo theme to be 90+.

REF: https://forum.tagdiv.com/how-to-make-the-site-faster/ .

To save you having to read Everything on the forum:

Fonts can’t be optimized on your side or by the theme, as they live on Google’s website. Digg buttons are loading from Digg’s website. No way to optimize that. I don’t think sharedaddy is part of theme. You either have to load the font stuff locally and optimize CSS since Google “dings” their own stuff in PageSpeed (!) or switch to web-safe fonts (see my and other comments above on this topic).

For styles, you need to either minify if you don’t intend to modify for your site; or use a WP minify plugin. See my link to the site I use to minify my css and js code.

WP by default loads elements in the head and “enqueues” them to render the page. All WP sites will have a “render blocking code” in head error. For javascript (.js files) You would need to try the optimization plugin included with theme, or a WP plugin which moves the js to footer “elegantly.”

Hope that helped. 87 is a great starting point and that means you’re in the “zone of safety” as I like to call it. 85 or below is “bad” 87-89 is okay. 90+ is rockin’. 😉

Chris

• This reply was modified 12 years by simchris.