- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsOffset Feature
- TutorialsSystem status parameters guide
- TutorialsWhat is Ajax preloading?
- TutorialsHow to Update the WPBakery Page Builder plugin
- TutorialsHow to Install bbPress forum
TO ALL:
Christopher Simmons
August 27, 2014 at 8:50 pm #19552
As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.
The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.
Just for those pulling their hair out on this topic (been there!) 🙂
My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!
Hi, Mehidi
I just posted a comment about this on another post which I’ll repeat here as my empirical wisdom on the topic of suffering Google issues the past 20 years. 🙂
————-
Christopher Simmons
August 27, 2014 at 8:50 pm #19552
As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.
The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.
Just for those pulling their hair out on this topic (been there!) 🙂
My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!
———————
For Google fonts; use my trick mentioned elsewhere …
1) grab the CSS from google which is being loaded from your functions.php for the fonts you’re using;
2) paste the css into bottom of your style.css file, so you’re loading the CSS in your own file and not loading externally — does 2 things, removes the css loading from their server with the funky expiration, versioning, etc., and reduces external load by one file!
Hi guys,
I currently have 90 for my desktop site and 75 for mobile (http://bit.ly/1tKOeYu). I have minified all of the theme files and did everything to speed up the site. But, as I use AdSense and Google Analytic, the speed is a bit slow. For example, as you can see on the screenshot bellow, Google is asking me to Leverage Browser Caching for this URL: http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js and other URLs.

But as I don’t have access to the files, I can’t do anything to them. 🙁 So, how am I meant to modify them to make the site faster? The same thing is happening on the Eliminate render-blocking JavaScript and CSS in above-the-fold content section where Google asks me to Optimize CSS Delivery for one of their Google Fonts. And Minify JS for their Google AdSense script.
Please help.
Thanks!
As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.
The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.
Just for those pulling their hair out on this topic (been there!) 🙂
My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!
Hello,
I’m wondering why the adsense ad in the header is not responsive?
I took the responsive ad code and pasted it into the ad section under them panel.
The DISABLE ON DESKTOP and other devices is deactivated.
AdSense size is on auto.
So where is the problem?
Thank you in advance,
Mr. Arias
Hi,
You use Jetpack Photon – http://jetpack.me/support/photon/ that’s why the image link looks like this – http://i0.wp.com/www.pickperclick.com/wp-content/uploads/2014/08/maxresdefault7.jpg?resize=326%2C159
Without this CDN the link should be something like http://www.pickperclick.com/wp-content/uploads/2014/08/maxresdefault7.jpg
I’m not sure I understand what do you mean by recenter it, the image it’s only cropped, other then this it’s not different from the original, other than the size of it off course.
WordPress has some default cropping sizes http://screencast.com/t/ifk8fE1HYk and we added more sizes inside the functions.php file – http://screencast.com/t/2QaaubXnqxL
Those sizes are used on modules and sliders (including the Big Slider) , you can read here about the thumbs used on modules and sliders –https://forum.tagdiv.com/modules-and-blocks/
If the image is smaller it will not be cropped, you can’t crop and image that has 200×300px to 700×300px, it can only be upscaled and wordpress doesn’t have such a feature.
Hope this helps!
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
Please add this custom css in theme panel > custom css:
.postid-33 .td-g-rec-id-content_inlineright {
display: none;
}
This will work only for the post page that you provided http://parisjourney.com/about-me
About the other 2 pages I haven’t seen any inline ads there.
You can do the same with other pages.
Hope this helps!
Thanks
-
This reply was modified 12 years by
Lucian.
1. I haven’t seen a way, but it is a little flexible; it seems to crop a little when it executes the resize. The original demo images are not actually all the same dimensions before being resized, e.g.:
http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/07/DeskWalls-672.jpg
http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/07/DeskWalls-124.jpg
And the featured images on my site, which were all 960×540 from when I imported them to this WordPress install, are cropped pretty well in the big slider. Note that you might be facing an issue that there is some documentation on:
https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
2. The homepage is a regular WordPress page that gets marked as the front page in the WordPress settings (under “Reading”). You could have the other pages look like it by editing the homepage, switching to classic mode, copying all the shortcodes you see there, and pasting those into a new page. Then switch to the backend editor on the new page and tweak from there.
-
This reply was modified 12 years by
TheMediumUTM.
Hi,
Tested this and look like you can’t do it. The button doesn’t gets the color only if it’s one of these: http://demo.tagdiv.com/newspaper/buttons/
If you want other colors you have to add it via css and you can use the buttons class and re-write the color.
For example in your case you can use the class for green and add your own color so when you use the green for color it loads your custom color, like this:
.td-post-text-content .wpb_green {
background: #52D017 !important;
}
Thanks
Hi,
You can use the do_shortcode function and add the ad to the attachment page template like this: http://screencast.com/t/tP77pTc4a
You can find the other ad boxes short-codes here
Here is the code I used:
<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_3"]') ?>
Just make sure you have the ad code in the ad box in Theme Panel > Ads: http://screencast.com/t/CPxv1iSrw
Should get this result: http://screencast.com/t/0W2FtlZU
Thanks
-
This reply was modified 12 years by
Lucian.
Hi Cherry
you might want to keep ONE thread, vs starting three or more regarding your site and pagespeed. Basically if you get all the things updated already covered in your other two threads, then mobile speed will also increase.
Again, as I’ve noted previously, you can’t do anything about the external ads being served which impact speed. Not sure how you’re loading ads on a demo site anyway, frankly. You should turn ads OFF for testing your “actual” speed. So the “errors” for mobile for the javascript and images from Google ads and advertisement browser caching, are impacting your score but nothing you can address and are false positives vis a vis the site and theme.
You *can* minify the main .css file which is showing as NOT minfied, as we’ve already covered in your prior threads.
Minifying http://cherrykoks.de/…ntent/themes/Newspaper/style.css?ver=4.1 could save 7.1KiB (16% reduction) after compression.
And basically don’t use contact form 7 unless you actually need it. Since you don’t have a live site, why would you need somebody to contact you anyway at this stage of your playing with the theme and setup without actual content. If you’re planning to use that, then you could presumably add its css to bottom of the main style.css, then hack the plugin to not write its own CSS into the head of the theme; or this would be example of where — as you’d asked elsewhere — you would add the plugin to the speedbooster plugin code to get it dumped at bottom of theme and optimized.
And remember best to test a post page for score not home page, since most people do NOT land on a site home page, but “surf in” to content from a social media link/share, or search result page, etc. — home page will always be a trickier prospect since it’s not indicative of the rest of the site, using sliders, modules, more photos, ajax loads, etc.
Also be aware you cannot get a 100/100 score with a WordPress site running numerous photos, plugins, ads, social media hooks, etc. Only people who have accomplished this have done custom sites without images, using CDN, and custom coding to maximize above the fold content load separate from below the fold content.
If you get above 80 on mobile and above 90 on desktop, you can really get on with your life and worry about content and marketing.
-
This reply was modified 12 years by
simchris.
Hi,
first you can’t do anything about the cache validation or anything with fonts loading off of google’s website, or anything loading from jetpack (or adsense, or addthis, or disqus, etc.) — as those elements live on somebody else’s server. Only solution is to remove them or workaround them (e.g., load google fonts on your site or CDN, or load the CSS from your own style sheet — you can google how to do this, as it’s a trick which has been used for couple of years — simply grab the CSS you’re loading from google for the fonts, then put it into your own CSS, then remove the “call” to that CSS from your style.css and/or functions.php).
For the remove query strings I would suggest this:
1) turn off all your plugins
2) make sure you put the remove query code at bottom of your functions.php file and have uploaded to server properly, replacing original file
3) test a post page and see if it’s working – it should work, unless you have conflicting element re-writing your code. Or, you didn’t put the code in right place with something else you’ve added to the functions.php file, or you have a missing or extra closing bracket (bad syntax). There are couple of ways to do this, but again – double check your code/syntax, which is #1 reason something doesn’t work – be careful what you copy/paste FROM … always use a proper plain text editor so it won’t introduce garbage characters.
4) start turning on plugins: pay close attention to any SEO plugin which may try to rewrite the css and js “positions” in the file
5) avoid using plugins which do the same thing – seo plugin with sitemap, and other sitemap plugin; seo plugin which rewrites location of your js and css and the tagdiv speed booster
6) once you find the conflicting plugin, you can sort out what to do for the version removal to work (and don’t have that in functions *and* use a version removal plugin at same time, AND an SEO plugin that rewrites your code AND the tagdiv speedbooster).
This is normal process to “debug” why something doesn’t work.
hi there,
thanks for taking the time for answering me, this is not what I meant actually. I want the ads to show apart from the picture, right now i have set up inline article ads with adsence so in pages with content i have 2 ads included into the content itself, what i want to do have is a position where i can put ads here. http://surgerystars.com/julie-benz-plastic-surgery-before-and-after-pic/julie-benz-january-2010/ this i an example page.
Example plugin
https://wordpress.org/plugins/in-image-ads-manager/
This is not a normal function of online publishing sites, but there may be a plugin for this rare case usage. However that is typically done with an overlay, not rewriting content into the graphic. And when Google grabs the image for image search they would not also grab the css/dhtml overlay with an advertisement. You also cannot “inject” advertising into videos source from YouTube or Vimeo, as that would violate all kinds of usage terms. For your own videos, why not simply put an ad in the video when you create them?
I doubt any theme, including this one, will be adding a function to “inject” advertising into media files, particularly since the theme would not be able to determine whether or not you “own” the content the ads would be injected into, and again – this would not be possible with image and video files except via an overlay on a CSS/dhtml “layer.”
hi guys,
thanks again for this awesome theme! I was wondering if is possible to make ads show on media files, like pictures and vids. I noticed some of my pics have ranked in Google images but when you go to them only ad that shows is in the sidebar. If is not possible, can this functionality be added in future releases?
thanks in advance!
I enabled “Track outbound clicks & downloads:” in this Google Analytics plugin, and now when I click on images in the “Big Slider” that’s installed with the theme, the links don’t work. The plugin adds this code to every anchor tag: onclick=”javascript:_gaq.push([‘_trackEvent’,’outbound-article’,’http://demo2.GoRare.com’%5D);” I’m pretty sure the javascript is conflicting with the javascript used in the slider. Please help. What other information do you need to make it easier to help me out?
Also in Firefox I get this message sent to the console everytime I click on the Big Slider with “Track outbound clicks & downloads” enabled, but not in Chrome.. “Empty string passed to getElementById().”
I ran into this with a custom latest posts widget that let me choose just a plain text list of news items from a single category without images. If I put the widget in one place it would not work, if I used two of them stacked it wouldn’t work. So, I had to separate them by an AdSense box and then worked just fine. Annoying as heck. It turned out it wasn’t resetting the dbase query each time, so the second one wouldn’t work if put in a certain place. Sheesh. Nothing to do with this theme, but with Woo Canvas for another site. Always a fun time with this stuff (gremlins! voodoo!) 🙂
hi,
the site is best to be browse on full width (1170)
try removing the sidebar from the pages/ articles where you have the gallery or the google adsense.
for the other bug we will take a look thanks for reporting this issue.
Thanks for you message.
Radu A.
It works with images and AdSense. But, does it supports other PHP codes?
Thank you, hopefully soon. Another question. In the home, place in large, you can blocare the big picture and slide the photos only more ‘small, there is a solution. In practice, at this time in the main slides I gave it a category, and then when I insert the new scorrosno. I would like to block only the big slide and updates those most ‘children. See immagile …
http://www.cataniaoggi.com/_/wp-content/uploads/2014/08/immage.jpg
Hello all,
i’ve experienced a very strage problem at my site and hope someone can help me. Searched the night though at google but coulnd find anything.
Following happens: When creating a new post the text sometimes just disappears from one to an other moment when publishing the site. Its not regularly and I dont know what to do. If i duplicate this post and then name it url-3 f.e. its there again for only couple of minutes or so and then disappers again.
The problem in general seems to be very common (text disapperaring) as read in some wordpress threads but it mostly hangs on some plugins. In my case I disabled all plugins to check this but it didnt solve the problem. I also tried the reupload the theme and tried to check the database for the text. The text is in the database but somehow is not displayed.
Here is an example:
Like it should be: http://hashtagsport.de/beta/tipico/ (This one is correct, the text is there)
This one without text should have the same layout as the above one: http://hashtagsport.de/beta/bet365-3/ (The text of this page is gone)
I hope anyone can help me!
thanks in advance!
Hi
First of all, can you please check it on V4.2? I can’t switch to the old version as I have a added lots of customisation to it.
Second, I have tried it with three different codes. I tried it with image first, then other code and then Google AdSens. None of them works.
Please check and let me know.
Thanks for the help.
I tryed with another post. It’s weird, but it seems i do the same thing…
http://webfile.ru/233204392ec6388de015da5c36de6e6f
http://webfile.ru/86ceadea6ed4d5195a27dbe0b1640157
http://webfile.ru/11754747cad050a3c3d7a12e9bbaf42d
Result:
<div class=”td-post-text-content”>
<figure id=”attachment_352″ style=”width: 619px;” class=”wp-caption aligncenter”>
<figcaption class=”wp-caption-text”>via vanto5</figcaption></figure>
<p style=”text-align: left;”>1. Будьте внимательны при обмене валюты, чаще всего, в местных банках очень плохой курс. В обменных пунктах курс гораздо выгоднее, но нужно обязательно выяснить про размер комиссии. Обменники можно встретить везде, но, по большому счету, разница в курсе у них незначительная.</p>
<p>2. Паприка. Популярнейший венгерский сувенир, вывозить из страны ее можно без ограничений. Плюс, вы найдете много различных сувениров, сделанных в виде перца.</p>
Hi,
It should not matter what type of ad it’s displaying the class I used to target the content it’s applying to all ads.
I can not help you if I can’t inspect this issue, you could try to modify the ad code if it’s not working well.
Sorry for this!
Regarding the code keep in mind that you have to follow the steps from the solution Radu provided and move this code, like this http://screencast.com/t/DUVdHRbGh in the loop-single.php file, if you use other post template than the default one you have to do this in the post template file that you use http://screencast.com/t/pRKMIv38
Then go to td_module_blog.php file and add this line:
$buffy .= '<li class="td-text-share">Twitter Facebook Share Buttons</li>';
…like here http://screencast.com/t/dKB2ilqiZD
After you did this step you have to use the css code in the custom css section from theme panel.
Result: http://screencast.com/t/jEqQvh7duCV6
Thanks
-
This reply was modified 12 years by
Lucian.