- TutorialstagDiv Social Counter Tutorial
Hi,
I’ve managed to discover that the issue is being caused by a conflict between the latest update to the theme and Cloudflare CDN.
Disabling/pausing Cloudflare optimisation resolves the issue and allows me to navigate through the theme panel. I have informed Cloudflare of the conflict and are awaiting their response.
I have no idea what may be causing the conflict but I do know it isn’t Javascript minification, which was already deactivated prior to installing the latest version of the theme. The problem only started after installing the latest theme version and I have tried reinstalling it more than once.
Hello again,
I tried to disable CloudFlare and W3 Total Cache and the problem persists. The problem is not here, what can I do?
Regards.
Hello,
They bought the theme and I love it but I havenÂŽt been able to solve some problems, are:
1.- Want to place an ad in the header responsive 728×90 and not appear in the singles, only at home and in the pages. (For example www. getmovil. com), in version 3.4 it has become difficult for me to achieve this.
2.- I donÂŽt like the new social buttons, as they have no counter, Âżhow to return to the previous?
3.- What is the best way to configure my htaccess for better PageSpeedââ, as does not exceed 80 in my sites. (IÂŽm using CloudFlare).
Thank you all for your answers!!!
How about adding some “Custom post type”? And adding the little swapping icons which you’ve already done for video.
I would like to the see the following:
– Post with custom header
Sometimes it’s usefull to use this for a couple of articles which belongs to a series.
http://www.directupload.net/file/d/3564/5gp9gzfi_jpg
– Gallery Slider Slider system with caption (and maybe thumbnails)
http://www.directupload.net/file/d/3564/gecl3whw_jpg
– Big Picture
Inspired by “Boston Big Picture”
http://www.directupload.net/file/d/3564/l2lszr8z_jpg
– Interview (Use swapping Icon)
– Soundcloud (you’re already have this on the roadmap)
Hi,
You can do that easily by adding the soundlcoud in post manually. The post will need a featured image that will be used as thumbnails.
Or do you mean that to add the soundcloud link and to take the image from that souncloud to be used as featured? I see that soundcloud have an API to get the image. We will take a look for future updated.
Thanks for the suggestion.
Just a quick feature request. With podcast being so big now, it would be great to be able to make a Soundcloud podcast as the featured image like you can do with a youtube video.
Thanks
Ed
HI
fyi, the theme installs a meta field for post views and starts counting once the story is viewed once theme is installed. There is no way for this new data field to count OLD reads from existing content, such as a year ago as the meta field didn’t exist.
On our sites we were using a very old and respected “view counter” and this used the meta field of “views” — so each update we actually have to hack the theme file to change the theme meta field to use our existing views data field.
If you have an existing view counter meta field, you can switch to use that existing field which was counting reads/views (or ‘hits’ as some might call them erroneously).
If no tracking meta field existed in the past – there is no way for the theme to “read” that field to display the number of reads “in the past.”
MORE SPECIFICALLY HOWEVER:
since I don’t use jetpack, and if all your views are stored in jetpack, then obviously the connector needs to ping that datafield stored “in the cloud” on Automattic’s servers where that data lives. But, check your meta (custom fields, if you prefer) for an older post. If there is a data field showing 4,000 reads for that post in your local dbase then all you’d need to do is change the hit counter module to use that existing data field by name and NOT use the one created by the theme.
Ideally – it would be wonderful to have an option to “use existing hit counter data field” option in the admin panel, particularly for a “newspaper” theme where this might be tracked more seriously that a parakeet blog. Or, a custom config file to specify that sort of thing vs hacking the theme each time.
custom-config.php
> use custom read counter field
> turn off hit counter on indexes and home page
> turn on author byline on home page and indexes
> turn on author byline on posts (should be default “on”)
(etc)
I notice that only when running the Speed Booster plug-in that the main slider does not work and also the mega menus does not display. Is this to be expected or is it likely this might be another Plugin conflict?
Also I notice someone else has pointed out that the theme’s post view counter does not match up to the Jetpack stats or Google figures, which I would agree with. I see Christopher says Jetpack is messing up the count. Looked to me that is could not account for W3 Cache or Cloudflare views. Can one of the developers comment of this?
Thanks.
hi,
we will check the facebook sharing
can you send us a link (your site and facebook)
for Article Box, please don’t use cloudflare, and also for W3 Total Cache don’t use the minify option. https://forum.tagdiv.com/w3-total-cache-configuration/
Thanks for you message.
Radu A.
the pinterest is working in the latest update but the facebook sharing is resulting in page not found!
Also, yes i do have it enabled. Do you think it has something to do with w3 total cache and/or cloudflare?
please help!
thanks
Hi
I have done that many time, but that doesnt works.
Norw: i have previously turned on minification on cloudflare, which is currently turned off.
Thanks
Hey!
I chose to use Amazon’s CloudFront since I already have Amazon account and they bill my card on file (I think December was $0.98). CloudFront works well, aside from this pesky issue with Font Awesome 4, which I’m getting same issue from boostrapCDN (free) — sometimes the icons won’t load in IE10/11 or Firefox (both on Windows) for no good reason.
Anywayyyyyy….. in my case I’m using S3+CloudFront since my brother’s company (in the educational software business) uses it, a lot of folks have been testing running WP sites virtually entirely in their cloud (!), and I’ve got a nice app called Cloudberry S3 Explorer which works as both bulk FTP, header settings for expirations, ACL/Public settings, and CloudFront invalidations. So, it was just kind of the best choice. Right now only loading CSS, JS, fonts, static images (logos, little things like BBB bug, etc.). Not yet using for WP.
Upshot … I think folks would likely spend the 30-cents vs free to “test” both for speed.
In my case I did test couple of things against CloudFlare and where I’m at there was couple of msec saved, so seemed worth it to just use Amazon since I know they’re not going to disappear, or get bought by Google and squashed or anything else with other cloud stuff might throw out there. I’m also inherently suspicious of anything “free” as that is no business model, and I need reliable here today, here tomorrow setup for our main business site. So, $1 a month to count on it, vs “free” and might be gone without warning. Was easy choice for me.
Haven’t yet done anything with the WP stuff as waiting for Newspaper “3” if it will have classic WP ‘header.php’ file where I can just point a bunch of the CSS/JS stuff at the CDN without hacking something that will then need re-hacking in 2 weeks.
I also did some research on some articles around and since I don’t need SSL off the cloud (after all I have my own damn server!), this was food for thought:
http://robin.userapp.io/post/66094840975/finding-the-right-cdn-for-our-startup-maxcdn
Varnish does wonders! I can vouch for it as I have it on my server and it truly pays off.
Do you know what the advantage of using a CDN like Amazon over CloudFlare is? I’m only using CloudFlare, and for a free service it’s insane how much it does. Not to mention that if your server goes offline, visitors can still access cached pages.
make sure you utilizes the tagDiv speed booster plugin with w3 cache plugin and if possible a CDN solution like cloudflare which bluehost supplies or maxcdn like we use.
these are the results of the three
I’m using W3TC and Cloudflare and I have emptied the cache from both plugin and cloudflare site. Also, the option you mentioned is enabled. Any other suggestions?
-
This reply was modified 12 years by
mixalakis123.
Hello,
I hadn’t upload the same logo in the header online, to avoid to show the problem at all my readers. For this, I made those screenshots.
Howeaver, now you can see the problem online. Same logo on the header and footer, but you can clearly see the difference. The logo on the footer is perfect, that on the header is “cloudly”, not clean.
Site: http://www.webhostingmagazine.it/
Logo header: http://www.webhostingmagazine.it/wp-content/uploads/2014/01/logo-whm-p-new2.png
Logo footer: http://www.webhostingmagazine.it/wp-content/uploads/2013/07/logo-whm-p-new.png
How can I resolve the isse and give at the “logo header” the same effect and quality of the footer’s logo?
Thank you Marius,
Regards
-
This reply was modified 12 years by
Anna1986.
were using w3 cache / div tag speed boost and MaxCDN – 685ms load time is the result
http://postimg.org/image/pl24nqilb/
fix image sizes etc with pixlr.com – save to 80% or lossless / lossy with kraken.io and stay away from facebook plugins that load faces.
Our next step https://www.cloudflare.com/railgun
and not to brag but 98/100 mobile and 98/100 desktop
http://developers.google.com/speed/pagespeed/insights/?url=twoversion.com
-
This reply was modified 12 years by
circuitsports.
Hello Marius,
the problem is that the logo (298 x 124), in footer looks well, but in the header, it seems no clean as on the footer, but cloudy. Perhaps, because in the header it is resize automatically? It’s very strange. I would like understand and resolve, this situation.
Thank you
-
This reply was modified 12 years by
Anna1986.
Hello,
I would like modify slightly the size of my logo and use 298 x 124px (that is actually in the footer, part 1, left side). I have already tried to upload the logo on the header, but strange, I don’t see it clean as in the footer, but I see it a little bit “cloudy”.
See the screenshot please:
http://i39.tinypic.com/a2pv1j.jpg
You can see the difference regard quality, with the logo on the footer online, on my site: http://www.webhostingmagazine.it
See the screenshot of the logo in the footer:
http://i41.tinypic.com/1zd0yux.png
Should I modify some size attribute in the .css, for the header?
Thank you
just a fun thing to try for those who don’t want to go through either Radu’s recommendations for optimization as well as my various notes in this forum, you might try Google’s currently free while in beta (basically it is free now, and may be free for years, or might be free for personal sites in 3 years but paid for commercial purposes)…. upshot you can have Google re-render your pages on the fly with their mod_pagespeed module in the cloud for your website for free:
see if this might be an option for some of you
https://developers.google.com/speed/pagespeed/service
this same system is used by the various “custom wordpress high speed hosting” companies out there (and I’m literally right now testing it on our new web server!).
If at some point in future Google charges for this, it might be something like $100 per year based on what they charge for their custom search tool for websites.
However, they have a neat tool to compare your site now vs what their system would do for you. Pretty cool stuff, really. An option for those unable to wrangle their own site properly. đ
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).
thanks đ
This is a built-in function of WordPress
http://codex.wordpress.org/Embeds
SoundCloud Tracks
and,
http://en.support.wordpress.com/audio/soundcloud-audio-player/
What about several user suggestions? I don’t know how to handle some needed feautures such as
– slider gallery of uploaded article pictures (with optional captions) – not jetpack
– implementation of formats with icons for gallery, soundcloud, cite… not only the video template
Waiting for a official implementations or doing this by myself and fix that by every update?
Is it possible or needful to make a list here or somewhere else?