- TutorialstagDiv Social Counter Tutorial
@Chris I have gone through whole of your tutorial and fetched some very useful information from there especially optimization through functions.php. However,in one of your post you mentioned that no more pagespeed support (My understanding)so I deliberately avoided requesting you.
I am little stuck with Javascript and CSS error. I have tested it with and without speedbooster plugin and result almost remains the same with no difference in score with almost same number of items appearing in Pagespeed insights.
Cloudflare resolves the JS issue but menu typography does’nt work well in FF and IE when served through CDN.
Can you help me in this regard?
No worries, Lucian thanks for the response.
Do you know if i can find the CDN settings to re-cache in Cloudflare or W3Cache? Never heard of that option before.
Thanks 🙂
Hello,
Have i gone too crazy with the amount of tools i use to speed my WordPress website with the Newspaper theme? Or will any of these options conflict with each other?
I have:
– Gzip compression (on my server)
– Optimized images
– Separate CDN for images (different company).
– W3Cache: Enabled Page Cache
– Basic method
– (may have more settings enabled that i’m not aware of. Not sure, configured it ages ago)
– CloudFlare
– Custom profile
– Caching level: Simplified
– Minimum expire TTL: 3 hours
– Auto Minify (Web optimization): JS, CSS and HTML
– Rocket Loader: Enabled
– Then all my security options are enabled.
—-
Also i have another question: Do i need to purge the cache in W3Cache when i post a new post? So visitors can see it? Because if i don’t, it doesn’t appear on my visitors side for a few hours. Which means they’ve missed the headline news if they’re scanning my site and don’t have a direct link to post?
Let me know if that doesn’t make sense, and i’ll try and reword it.
Thank you!
Here’s a URL to a page with a sidebar with widgets: http://sumarize.com/category/cloud/
You’d have to go into the admin panel to see that none of these widgets appear in the sidebar in the widget admin area of WordPress.
Hi guys,
We tried to move from Newspaper to NewsMag but we are getting “508 error resource limit is reached ” few times per day. We have the same amount of traffic/visits like before, I deleted all the plugins and install the latest from the NewsMag, Even activated the CloudFlare but nothing helps. We are getting 98% (Page Speed Grade:) and 90% (YSlow Grade:) but still the same issue.
Our hosting company finding the issue in the new theme and now when we switched back to Newspaper again everything works fine.
Does anyone else had/experienced the same problem.
Link: boreddaddy.com
Daily traffic : 30K-35K
Hope someone can help me here.
Thanks in advance,
Alex
Hey Emil, yeah this was my issue. I do run cloudflare as well so I am assuming a cache purge will fix it. I think I’m going to wait a bit until the next version comes out though actually if you think any fixes will be out soon (like including option for lazy loader in the theme panel.)
I’ve done a HUGE amount of work and changes in order to get my loading speed to under 700 ms on my site so I want to holdoff as long as possible before I have to update again.
Haha,
Thanks a bunch for the reply-
Jacob
Hi,
Try the configuration below form this guide: https://coderwall.com/p/ub8zug/serving-web-fonts-via-aws-s3-and-cloudfront
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>http://www.your-site.com</AllowedOrigin>
<AllowedOrigin>https://www.your-site.com</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedMethod>HEAD</AllowedMethod>
<AllowedMethod>DELETE</AllowedMethod>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>POST</AllowedMethod>
</CORSRule>
</CORSConfiguration>Hope this helps!
Thanks
Take a look
I’ve run into this with o-embed in post for SoundCloud, actually.
I seem to recall fixing this on our other site with CSS,
iframe{max-width:100%}
Hi,
@fit2fash@yahoo.com
Make sure you’ve also created your categories right, use wordpress codex: https://codex.wordpress.org/Manage_Categories_SubPanel
Related to the tag cloud widget please make sure that you actually add tags four one of you post. I’ve also tested this and found no issues, the tags should up right after I’ve set them: http://screencast.com/t/98s7U2CclUY
Thanks
I realise I cannot cache external resources.
What I mean is that before I put the settings in nginx/varnish etc. I have about 30 internal resources (.js, .css etc), however, now, I seem to just be left with these few resources, and for some reason they aren’t displaying browser cache expiry headers.
I have signed up with cloudflare, currently awaiting DNS resolution cache all my static assets.
Still does not explain why only some of the resources are getting cache expiry headers.
Hello,
My blogsite is now set up and ready to go for posts. (fit2fash.com) I have two questions that I am having trouble figuring out.
1st. Question on the side of of the website I have added the Tags Widget and when I posted a test blog and added the Tag words to it the words did not show up under the category Tags (cloud). Instead they showed up under the post. I understand it’s supposed to show up under the post I tied it to but isn’t it also supposed to show up under the Tags Widget? If not then what is the Tags widget for and how can I make it function?
2nd. Under “Appearance” I have added “Menus” in “Top Categories”. The new categories are “Fitness” and “Fashion”. I have done this so that some of the posts can also show up under the Categories – Fitness or Fashion aside from the home page. When I try to post a blog in my dashboard nothing shows up under the categories. Need to know how to fix that? Is it something to be adjusted under the Appearance Set-up or something to set-up under a different section that I have missed. For some reason both of those categories show up with same URL: http://www.fit2fash.com/?cat=2 How come it does not give me the option to select one of these categories under my blog post settings when I drop down the “Categories” menu.
I know how to use cloudflare, the problem is that it can’t be used with your theme while lazyload is active. Besides that, it breaks most functionality with ajax load more, search box, etc. That’s what I’d like to know how to get working.
Separatly, I’d like to know how I can add a subtle line between articles on the front page. I have a dashed one for mobile, but i’d like a fine grey one for desktop so articles don’t look like they’re muddled toghether.
On the mobile front page I’d like to know how I can make imagex smaller and show them on the right side of every article entry, something similar to how wp touch does it. It’s really cumbersome to scroll through large images on mobile, a lot of users complained about this. Because I use cache with cloudflare, I can’t use mobile plugins as the pages aren’t loaded correcly.
Thank you!
Hi,
If you want to remove the lazy loading effect of images you can follow the steps provided by Emil in this tread: https://forum.tagdiv.com/topic/how-to-disabled-lazy-load/#post-42445
We know that the VC plugin uses lots of resources, unfortunately that happens since plugin’s version 4.4.2 which has doubled in size and also has several new features therefore uses more resources.
You could try to revert back to the previous version of the VC plugin if you don’t use the latest features. If you don’t have make a request at our email address(contact@tagdiv.com) for it and we will send it to you.
I suggest you search for a tutorial online to find out how to use cloudflare.
Please also note that we’re currently working to fix all issues reported in 1.7 theme version. We’ll also add an option for the lazy load feature so it can be disabled from theme panel. As soon as we have it ready and we test it rigorously we’ll have it released.
We’re sorry for all the trouble and the inconvenience caused, we will do our best to make sure that this will not happen again!
Thanks for understanding!
After the update my pagespeed did even get faster. I am using w3 total cache and cloudflare. I disabled the lazy load functionality because I could not see the images on my Windows 8 phone. My server configuration is Linux, CENTOS 6.6 x86_64, Apache 2.2.29, PHP 5.4.36, MYSQL 5.5.42-cll, Perl 5.10.1
Maybe this helps the developers to eliminate some issues. Kind regards.
LE: As I have found out, the modifications you’ve done to your theme make it incompatible with cloudflare’s rocketloader and mirage 2 systems : https://www.cloudflare.com/overview
I’ve been wanting to ask you how I can make rocketloader work seamlessly with your theme, but now I have to know how to make both systems work with the theme, as they make the website really fast, and I need them.
As I am guessing, the new lazyload system is the one to blame for the missing images, so I need to at least disable that in order to make things work, if there can’t be any compatibility between them.
Thanks to Emil my problem is solved. In case you are using Cloudflare try purging the cache by logging on your Cloudflare account and going to cloudflare settings. Clear your browser cache as well and try again. Apparently, clearing the w3 and browser caches is not enough if you are using Cloudflare. I hope this helps.
Hello everyone, I want to reduce number of tags in in tags cloud. I have added tags cloud in footer 3, by default it is showing 45 tags and I want to make it 25 tags in a cloud. Please check phonelane.com .
Hello. Firstly, thanks for this amazing theme. I have two problem.
When I logged in Admin Panel, Megamenu and sliders (autp-play and slide) not working, If I not logged in only sliders not working, megamenus comes normal.
I have cloudflare(minify disabled) and wp-super cache too. My site url is http://www.tonlabilgi.com (Turkish). Thank you for any help.
Thank you so much for your help. Here are my specific questions:
There has been a misunderstanding here. We don’t need a “subscription system; we need only 1 thing to work and that is for when a subscriber subscribes, we get an email saying they have subscribed. The system already has a set up where people can subscribe. It may help to visit the site and see the Subscription Link there. That’s all. (Please see copied document which highlights the problem I think we are experiencing and might point to a solution)
Answers to Tech Support questions:
———————————-
Q) Where is the ìsubscriptionî form on your website?
Answer) The subscription form is actually a TADDIV JS Container
called span4 column_container. Code is shown below:
————————————————————————————–
</div>
<div class=”span4 column_container”>
<aside class=”widget widget_recent_entries”> <div class=”block-title”><span>Recent Posts</span></div>
</aside><aside class=”widget widget_tag_cloud”><div class=”block-title”><span>Tags</span></div><div class=”tagcloud”></div>
</aside><aside class=”widget jetpack_subscription_widget”><div class=”block-title”><span><label for=”subscribe-field”>Subscribe to Blog via Email</label></span></div>
<form action=”#” method=”post” accept-charset=”utf-8″ id=”subscribe-blog-blog_subscription-3″>
<div id=”subscribe-text”><p>Enter your email address to subscribe to this blog and receive notifications of new posts by email.</p>
</div>
<p id=”subscribe-email”>
<label id=”jetpack-subscribe-label” for=”subscribe-field”>
Email Address </label>
<input type=”email” name=”email” value=”” id=”subscribe-field” placeholder=”Email Address” />
</p>
<p id=”subscribe-submit”>
<input type=”hidden” name=”action” value=”subscribe” />
<input type=”hidden” name=”source” value=”http://www.fit2fash.com/” />
<input type=”hidden” name=”sub-type” value=”widget” />
<input type=”hidden” name=”redirect_fragment” value=”blog_subscription-3″ />
<input type=”submit” value=”Subscribe” name=”jetpack_subscriptions_widget” />
</p>
</form>
<script>
( function( d ) {
if ( ( ‘placeholder’ in d.createElement( ‘input’ ) ) ) {
var label = d.getElementById( ‘jetpack-subscribe-label’ );
label.style.clip = ‘rect(1px, 1px, 1px, 1px)’;
label.style.position = ‘absolute’;
label.style.height = ‘1px’;
label.style.width = ‘1px’;
label.style.overflow = ‘hidden’;
}
} ) ( document );
</script>
——————————————————————————————-
B) When somebody subscribes, where is that being stored?
Answer: Subscriptions are being handled by a widget called “jetpack_subscriptions_widget”.
Where the widget stores data would have to be looked into by TAGDIV.
C) Can you see the people who are signing up?
Answer: We can see the people who are signing up through an ADMIN Panel in WORDPRESS.com.
However while the subscriber does receive an email, we do not. We have to go into another
company’s toolset to find this data.
D) Plugin?
Answer: The Subscriptions are being handled by a widget called “jetpack_subscriptions_widget”.
What we have validated is that once a person subscribes, the following occurs:
1. The person gets an email asking them to confirm their signup.
2. The confirmation email process workds because when a person confirms, the email address
gets populated into the WORDPRESS.COM ADMIN panel.
3. The email address gets populated into the WORDPRESS.COM ADMIN panel
4. The web hosting company has validated that they can forward an email from our email address
on the web hosting system to the Yahoo email address for the BLOG. This has been set up and
done through the SMTP protocol.
So just based upon this, it would appear that something is not working with the “jetpack_subscriptions_widget”
to get it to send us an email that a subscriber has subscribed. The widget is NOT instantianting or a method
call is not correctly working.
Thank You,
Fit2Fash
I jumped from 1.4 to 1.6 — so still “discovering” some things also 🙂
For tags … I think there is a better plugin for doing tags, frankly. Somebody else had example of this earlier this week .. where they were nice little tags with nicer styling. I think you have to use either plugin, or add something to functions file to limit number of tags.
Hmmm. Could not find a function over ride for that.
On our old site we actually hooked that manually either via shortcode or placing the call directly in the area….
e.g.,
<?php wp_tag_cloud('smallest=8&largest=36&order=RAND&number=75'); ?>
http://codex.wordpress.org/Template_Tags/wp_tag_cloud
———–
convoluted
https://wordpress.org/plugins/tag-cloud-shortcode/faq/
add short code to any text widget- edit for functions.php
add_filter('widget_text', 'do_shortcode');
———-
I was just trying to do this myself, Then decided to just use in sidebar. Then decided to do something else as my brain was hurting ….
———-
possible simple plugin widget (have not yet tried)
https://wordpress.org/plugins/f2-tag-cloud-widget/
Why this css appear in template when view source, how to hide or remove it:
My site: http://www.baihocmoi.com/
<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function(){var ajaxRevslider=function(obj){var content="<h2>THIS IS SOME TITLE</h2><br/>";content+="Type:"+obj.type+"</br>";content+="ID:"+obj.id+"</br>";content+="Aspect Ratio:"+obj.aspectratio+"</br>";data={};data.action='revslider_ajax_call_front';data.client_action='get_slider_html';data.token='1a59f464b3';data.type=obj.type;data.id=obj.id;data.aspectratio=obj.aspectratio;jQuery.ajax({type:"post",url:"http://www.baihocmoi.com/wp-admin/admin-ajax.php",dataType:'json',data:data,async:false,success:function(ret,textStatus,XMLHttpRequest){if(ret.success==true)
content=ret.data;},error:function(e){console.log(e);}});return content;};var ajaxRemoveRevslider=function(obj){return jQuery(obj.selector+" .rev_slider").revkill();}
var extendessential=setInterval(function(){if(jQuery.fn.tpessential!=undefined){clearInterval(extendessential);if(typeof(jQuery.fn.tpessential.defaults)!=='undefined')
jQuery.fn.tpessential.defaults.ajaxTypes.push({type:"revslider",func:ajaxRevslider,killfunc:ajaxRemoveRevslider,openAnimationSpeed:0.3});}},30);});/*]]>*/</script><!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><meta name="generator" content="Powered by Visual Composer - drag and drop page builder for WordPress."/> <!--[if IE 8]><link rel="stylesheet" type="text/css" href="http://www.baihocmoi.com/wp-content/plugins/js_composer/assets/css/vc-ie8.css" media="screen"><![endif]--><style type="text/css">img.latex{vertical-align:middle;border:none}</style><style>.block-title a,
.block-title span,
.td-tags a:hover,
.td-scroll-up-visible,
.td-scroll-up,
.sf-menu ul .current-menu-item > a,
.sf-menu ul a:hover,
.sf-menu ul .sfHover > a,
.sf-menu ul .td-menu-item > a:hover,
.td-rating-bar-wrap div,
.iosSlider .slide-meta-cat,
.sf-menu ul .current-menu-ancestor > a,
.sf-menu ul .current-category-ancestor > a,
.td-404-sub-sub-title a,
.widget_tag_cloud .tagcloud a:hover,
.td-mobile-close a,
ul.td-category a,
.td_social .td_social_type .td_social_button a,
.dropcap,
.td-forum-category-title .td-forum-category-name,
.td_display_err,
.td_block_mega_menu .td-ajax-next-page:hover,
.td_block_mega_menu .td_ajax-prev-page:hover,
.post-via span,
.td_wrapper_video_playlist
.td_video_controls_playlist_wrapper{background-color:#d93}.block-title,
.sf-menu li a:hover,
.sf-menu .sfHover a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-category-ancestor a,
.header-search-wrap
.dropdown-menu,
.sf-menu > .current-menu-item > a,
.ui-tabs-nav,
.woocommerce .product .woocommerce-tabs ul.tabs,.td-forum-list-head,.td-login-panel-title{border-color:#d93}.widget_price_filter .ui-slider-handle,
.td_wrapper_video_playlist .td_video_currently_playing:after{border-color:#d93 !important}.author-box-wrap .td-author-name a,
blockquote p,
.page-nav a:hover,
.widget_pages .current_page_item a,
.widget_calendar td a,
.widget_categories .current-cat > a,
.widget_pages .current_page_parent > a,
.td_pull_quote p,
.page-nav-post a:hover span,
.td-forum-last-comment-content .td-forum-last-author,
.td-topics-title-details a,
.td-posted-in
a{color:#d93}.woocommerce .button,
.woocommerce .form-submit #submit,
.widget_price_filter .ui-slider-handle,
.jetpack_subscription_widget input[type="submit"],
.pp_woocommerce .pp_close,
.pp_woocommerce .pp_expand,
.pp_woocommerce .pp_contract,
.pp_woocommerce .pp_arrow_previous,
.pp_woocommerce .pp_arrow_next,
.pp_woocommerce
.pp_next:before,
.pp_woocommerce .pp_previous:before,
#bbpress-forums
.button{background:#d93 !important}.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,.bbp-template-notice,.td-reply-list-header{border-color:#d93 !important}.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,.td-login-button{background-color:#d93 !important}.buddypress #buddypress div.dir-search input[type="submit"],
.buddypress #buddypress .message-search input[type="submit"],
.buddypress #buddypress .item-list-tabs ul li.selected a,
.buddypress #buddypress .generic-button a,
.buddypress #buddypress .submit input[type="submit"],
.buddypress #buddypress .ac-reply-content input[type="submit"],
.buddypress #buddypress .standard-form input[type="submit"],
.buddypress #buddypress .standard-form .button-nav .current a,
.buddypress #buddypress .standard-form .button,
.buddypress #buddypress input[type="submit"],
.buddypress #buddypress a.accept,
.buddypress #buddypress #activate-page .standard-form input[type="submit"],
.buddypress #buddypress .standard-form #group-create-body input[type="button"],
.post-password-required input[type="submit"]{background:#d93 !important}.buddypress #buddypress .groups .item-meta,
.bbp-forum-title:hover,
.td_login_tab_focus,
.block-mega-child-cats a.cur-sub-cat{color:#d93 !important}.page-nav .current,
.page-nav-post
span{background-color:#d93;border-color:#d93}.wpb_btn-inverse,
.ui-tabs-nav .ui-tabs-active a,
.post .wpb_btn-danger,
.form-submit input,
.wpcf7-submit,
.wpb_default,
.woocommerce .product .woocommerce-tabs ul.tabs li.active,
.woocommerce.widget_product_search input[type="submit"],.more-link-wrap,.td_read_more{background-color:#d93 !important}.header-search-wrap .dropdown-menu:before{border-color:transparent transparent #d93}.td-mobile-content .current-menu-item > a,
.td-mobile-content a:hover{color:#d93 !important}.category .entry-content,
.tag .entry-content,.td_quote_box{border-color:#d93}.td-timeline-block-title{background-color:#d93 !important}.td-timeline-wrapper-links{border-color:#d93 !important}.td-timline-h1-link
span{background-color:#d93 !important}.td-page-title .td-search-query{color:#d93}.td-sbig-title-wrap .td-sbig-title,
.td-slide-item-sec .td-sbig-title-wrap,
.td-big-grid-title .td-sbig-title-wrap{background-color:rgba(221,153,51,0.7)}::-moz-selection{background:#ffcb65;color:#fff}::selection{background:#ffcb65;color:#fff}.post header h1, .post header h1
a{font-family:Tahoma,Verdana,Geneva}.td_mod_mega_menu .item-details
a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}</style><script>var td_blocks=[];function td_block(){this.id='';this.block_type=1;this.atts='';this.td_cur_cat='';this.td_column_number='';this.td_current_page=1;this.post_count=0;this.found_posts=0;this.max_num_pages=0;this.is_ajax_running=false;this.header_color='';this.ajax_pagination_infinite_stop='';}
var td_ad_background_click_link="";var td_ad_background_click_target="";var td_ajax_url="http://www.baihocmoi.com/wp-admin/admin-ajax.php";var td_get_template_directory_uri="http://www.baihocmoi.com/wp-content/themes/Newspaper";var tds_snap_menu="";var tds_header_style="";var tds_mobile_swipe="swipe";var td_search_url="http://www.baihocmoi.com/search";var td_please_wait="Please wait...";var td_email_user_pass_incorrect="User or password incorrect!";var td_email_user_incorrect="Email or username incorrect!";var td_email_incorrect="Email incorrect!";var tds_more_articles_on_post_enable="";var tds_more_articles_on_post_time_to_wait="";var tds_more_articles_on_post_pages_distance_from_top="0";var tds_theme_color_site_wide="#dd9933";</script>
Thanks a lot Chris , I will defiantly look into Cloudberry later on this week.
This page speed optimization Gig gives you such great satisfaction even for a single percentage point improvement, but I have to say it’s such a time consuming work man , so I really appreciate your help.
Wissam.
You can set an expiration time in your Amazon CDN; I used to use that. It’s in their help docs, but I abandoned that about this time last year since I found in our case with our own dedicated server and running mod_pagspeed, etc., it didn’t appreciably help us.
There is a setting in the master account, where you can set the TTL (time to live) for the “bucket” — I was setting mine to one year. It’s bee nawhile, unfortunately.
This may help
http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Expiration.html#ExpirationAddingHeadersInS3
I think at the time they didn’t have a setting for that; you could set how long the files live before the “expire” them– which I set to one year. I don’t remember how I set the expirations “per file.”
#EDIT#
oh stupid me (looking at my windows desktop this morning) … there is no easy way to do that. I bought software to actually do that properly (FYI: we got a brand spanking new web server Jan 2015, and I spent month of January testing every possibly way to boost pagespeed score, with the Newspaper theme and also our bootstrap based static HTML stuff used for our main business site — this included testing Amazon CDN for assets).
Go out right now and buy a copy of “Cloudberry S3 Explorer” software — this allows you to manage your buckets, set expiration headers, etc. — it’s like a shell application for your S3 account. It’s freeware, but if you are going to actually use S3 it’s the only way to fly — seriously.
The $39 pro version is totally worth it. I highly recommend it. Saved me hours of hair pulling (not my hair, just random passerby…. 😉
http://www.cloudberrylab.com/free-amazon-s3-explorer-cloudfront-IAM.aspx
HOW TO
http://www.cloudberrylab.com/blog/how-to-set-custom-http-headers-for-amazon-s3-objects-with-cloudberry-explorer/
Thanks for chipping in Chris , I’ve “borrowed” your hta access code and it made a real difference.
There’s a small issue I am having with images though, I upload all my images to Amazon’s S3 and am using Amazon’s Cloudftont CDN as well , these images don’t have any expiry headers when I test , Do you think we could do anything about that ?
I could PM you more details if you’d be interested ..
Cheers,
Wissam
