we’re using nginx in front of application server now. stable with upt op 15k pi / hour 60k pi / day
Hi,
Are you using Jetpack Photon – http://jetpack.me/support/photon/ or a similar CDN plugin ? I noticed that your images link contain this resize=480%2C360 which makes the image link looks like this – http://i1.wp.com/thatcoolwebsite.com/wp-content/uploads/2014/08/hqdefault1.jpg?resize=480%2C360
Without this CDN the link should be something like this: http://192.168.0.70/wp_demo_009/3/wp-content/uploads/2013/05/maxresdefault41-745x483.jpg
I think this could be the reason for this issue. Please disable all plugins including CDN and then regenerate thumbnails https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ and also remove and add the link for the featured video again for that post.
Regarding the infinite scroll you already have an loading in progress animation http://screencast.com/t/zca13IONyC which it’s positioned at the center of the block.
Hope this helps!
Thanks
Hi,
Thanks @Christopher!
@Stefan
Please let me know what issues do you have, I will try to help you! A common issue with the big slider is the use of CDN which delivers the old content and should work if you empty server cache and also from the browser or when using the 980px layout set from theme panel > responsive settings, you should try using the 1170px layout should solve the slider issue.
Hope this helps!
Thanks for the message
3.6 to 4 is simple; follow the manual upgrade option
https://forum.tagdiv.com/how-to-update-the-theme/
Be sure to update the plugins found in the themeforest “all items” download for the theme, in the plugins folder after theme files updated.
be sure to
First make BACKUP of your dbase, and any special files you’ve modified; turn off all caching, clear caches, clear cache on CDN if using one; turn off mod_pagespeed if using it.
1) switch to main theme, NOT the child theme if using one
2) turn off all plugins while doing update
upload theme files via FTP
3) turn on ONLY the plugins included with theme after upgrade of both theme and plugins
4) if sidebars disappear you can usually just go to appearance and resave them and then back
5) turn on any “extra” plugins
Hope that helps! 🙂
Hi, Lucian!
Doesn’t really help. 🙁
http://i67.fastpic.ru/big/2014/0818/82/9d00be0d234a1889cbc76606b632ca82.png
I tried regenerating thumbnails, no luck. Unfortunately, I don’t know anything about CDN cache that has been mentioned somewhere before.
Hi,
This issue appears when using the 980px layout, please try to use the 1170px layout instead we will fix this in the next theme update.
If this dose not solve this problem please make sure you clear CDN cache and also clear your browser cache and check to see if this issue is still present. This may cause this issue as your CDN delivers the old versions of the files.
You could also try to regenerate thumbs https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Thanks
-
This reply was modified 11 years by
Lucian.
I’ve came across a awesome plugin that a lot off people might find very usefull,the reason i’m sharing this plugin is because it have a lot of usefull features to better ur wordpress also the theme…
Plugin is called Custom Functions by Shamim Hasan
Features:
1. Change amount of posts on the home page.
2. Change amount of posts on the search page.
3. Change length of excerpt.
4. Automatically mark as spam all comments with an url longer than set chars.
5. Set the post revisions unless the constant was set in wp-config.php already.
6. Control When Your Posts are Available via RSS.
7. Automatically empty trash after set days.
8. Change Admin footer.
9. Add favicon to head.
10. Remove unnecessary links from wp_head.
11. Redirect to home page after login.
12. Hide admin bar from front end for non admin.
13. Disable back end access for non admin users.
14. Login with both Email/username.
15. Show only own uploaded media in library.
16. Restrict user to upload only jpg,jpeg,png,gif type of media.
17. Stop images getting wrapped up in p tags when they get dumped out with the_content() for easier theme styling,
18. Call the google CDN version of jQuery for the frontend.
19. Call Googles HTML5 Shim, but only for users on old versions of IE.
20. Change login screen error messages to “Think you have gone wrong somwhere!”.
21. Show post thumbnail in RSS Feeds.
22. Disable RSS Feeds.
23. Display the Most Accurate Comment Count.
24. Custom admin menu link for all settings.
25. Enable admin to set custom background images in ‘appearance > background’.
26. Remove pings to self.
27. Sharpening resized jpg images.
28. Enable Gzip.
29. Prevent user email change from profile.
30. Block comments with no-referrer.
31. Remove word “Private: ” infront of title of private post/page.
32. Disable the theme/plugin editor in Admin.
33. Disallow anything that creates, deletes, or updates core, plugin, or theme files.
34. No more jumping for read more link.
35. Enable custom Breadcrumbs.
36. Disable Search in WordPress.
37. Disable Admin nag.
38. Remove wordpress version number.
This plugin works so great you can find it via wordpress @ this url
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.
@Steven pretty much said what I had on my mind in very diplomatic way.
@cherry = Seems it might make sense to try to optimize your server/CDN/ etc. with the default theme for WordPress while you’re learning how to do this, then switch to the big theme once you have your foundation set in stone, as it were. There are many many sites out there which detail how to optimize a WordPress site, server, caching, CDN, PageSpeed, etc. – before you even get to the theme features.
check with your hosting provider … if the clock is off or something. I may be missing what your issue is.
You can check your headers for pages with various online tools like http://web-sniffer.net/
HTTP Response Header
Name
Value
Delim
Status: HTTP/1.1 200 OK
Date: Wed, 13 Aug 2014 20:49:28 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Set-Cookie: __cfduid=d2376a9f44b520530e88bf3049c2796811407962968768; expires=Mon, 23-Dec-2019 23:50:00 GMT; path=/; domain=.cherrykoks.de; HttpOnly
Expires: Wed, 13 Aug 2014 21:49:28 GMT
Pragma: public
Cache-Control: max-age=3600, public
X-Powered-By: W3 Total Cache/0.9.4
Last-Modified: Thu, 01 Jan 1970 00:00:00 GMT
Cache-Control: private, must-revalidate
Vary: Accept-Encoding
Server: cloudflare-nginx
CF-RAY: 1597c78ace8e064a-FRA
Content-Encoding: gzip
Note if having issues with your setup it’s best to check with your CDN provider to debug any issues between hosted content on server and on the CDN and how they sync.
Thank You Lucian
I disabled my CDN and the same issue persists.
The theme to be really forcing a ?resize=326%2C159
I am sharing my site with you through this
.
I would’ve preferred PMing it to you but it seems like we cannot
-
This reply was modified 12 years by
mo-tech.
Hi,
Can you please send your sites’s link so I can check this?
If you are you using CDN this may cause the issue as your CDN delivers the files at the original size.
You could also try to regenerate thumbs https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Hope this helps
Thanks
CDN, W3 total cache, mine is cleared, but still not changing.
-
This reply was modified 12 years by
kacsa1337.
Hi! @manuel
The mod_pagespeed system runs at the server level as an nginx or apache module (we use apache as main system, with nginx used for some other things on same box, but not for WP sites). So, it runs above the domains, but re-writes content on the fly and then caches stuff and works with the server-based caching.
Benefits include automatic blank space removal, comment removal (e.g., “SEO powered by Yoast SEO” and other stuff you don’t want to “advertise” to the world, etc.) rewrite of image dimensions for anything resized to “fit” and cached version of the new size image, optimization of images, conversion of gif to png where necessary, DNS pre-fetch, etc., etc. — but you can read about it on the Google site.
We’re used the self-hosted module (aka “GPS” https://developers.google.com/speed/pagespeed/module ), but they also have a service to host content (aka “PSS” https://developers.google.com/speed/pagespeed/service ), which is a mix of CDN and the pagespeed modules together and you can test the before/after speed on their site to see if it benefits you (remember you have to do test couple of times for it to cache stuff). Test: http://www.webpagetest.org/compare
@christophersimmons:
what you understand by “graphics loading from the network portal vs localized”? As far as I know where isn’t any CDN in Germany thus we decided to server pictures from nginx ram with having in mind that this should be faster or at least comparable to cloudfront.
Fonts and Google Analytics are loaded from Google, I think this is a preset from the theme.
jQuery and Co are loaded from public CDN. I think this is faster than serving them myself since they already should be precached.
In addition to this the only thing loaded from external servers are ads and content tests. The content tests are programmed by myself and run completely async after the on page load event. For the ads we are working on a hack to load them async, however this isn’t stable yet. The only left over part is the iam.js script. which is running sync. This is the only party I’m not allowed to change, since it is used to track the germany publisher ranking. Really sucks that they only supply a synchronous script, but it should be reasonable.
I’m not that experienced in page speed optimizations yet, thus it would be interesting for me to know which part exactly makes the page load so horribly slow? And how can I figure this out? I think up to 40 sek on mobile devices is just not acceptable for clients.
How can I activate the mod_pagespeed setting to insert image dimensions and what is it doing?
And by the way thx for your awesome expertise!
Hi,
The big slide issue appears if you have CDN/cache and you didn’t reset it. Please make sure you clear CDN cache and also clear your browser cache. This may cause this issue as your CDN delivers the old versions of the files.
Hope these helps!
Thanks
Thanks! We have to scale up every year pretty quickly for a seasonal site and it’s nice to know that others have done it successfully.
My site is getting 10-15k visits everyday, and is pretty stable using the theme.
Hope this helps!
Hi,
You can also use MySQL Query cache (if you’re on a dedicated server). This will speed up all pagination and JavaScript database requests making the Mega Menu and modules with pagination to work faster.
Hope this helps!
Thanks for the message!
No prob. As I think I said, I spent an entire month (January 2014) messing with this stuff, and a mix of Amazon’s CDN, our new server, mod_pagespeed, etc.
I think I mentioned someplace the flaw in Google’s speed algorithm, where one of my test pages got a 91/100 with 47% of page rendering due to blocking elements; combined some files, now only have one blocking element, but less than 1% is considered able to render before loading the main CSS file, and the score went up to 97/100 for desktop and 91/100 mobile with user UX score of 85/100, and the items for the UX score are stupid.
(Test this page, which doesn’t use CDN, doesn’t use WordPress:
http://www.send2press.com/services/ez_price_list.shtml
You can drive yourself to drink with this stuff.
And the super annoying thing is the new expectation by Google for all pages to load via https, which requires SSL cert, and to possibly enably mod_SPDY on server since https is inherently slower than http. But … that’s another story, and the one I’m suffering with now. (Sigh.)
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,
fyi if your server is setup properly you don’t need to put the gzip/deflate element in your htacess as it’s set at the server level as always on; unless you need that for your CDN – but that is more likely to have gzip/deflate on for speed anyway.
For plugins modification/addition to the speedbooster; obviously this only applies to the js and css related stuff which is purpose of tagdiv speedbooster. You don’t need to mess with an image optimization plugin, for example.
The world won’t end if you don’t remove the query strings, btw. Most WP sites leave that as-is and are successful due to content and marketing, not the query strings. Also note it might be an incremental “conflict” with this dot revision of theme and speed booster; meaning the benefit of the speed booster being on is greater than losing the query strings. Google uses them, so you can too. It’s “ideal” to remove them but that might not even improve stuff by one point, particularly if you test that with Pagespeed Insights directly vs GTMetrix.
However, you are correct, it would seem like you could remove the "?ver=" and test. Why not try it ? You’re not running a live site, obviously, so if you crash, no biggie. Just remove the plugin, and put it back.
well ok check this out: http://gtmetrix.com/reports/cherrykoks.de/dDXZBMi6
The Problem was: the speedbooster plugin
My friend says: the strings got messed up through the speedbooster plugin- it’s now deactivated, but async is running…
The fonts: the “commenting out” thing in the functions.php had to be modified in my case. But looks good now.
Wow, I’m so relieved right now.
Now I can start with CDN 😀
Also stressing over little things like fonts is a waste of time,you can’t fixed those.
In GT Metrix they show you a arrow next to each number that you should get to pass the test..if they say you should get 56% and get 89% then you should not worry about any lil issues they still showing the point in all this..is to have a fast site and a well balance one..you can’t make every thing perfect to score 100% even CNN,FACEBOOK,TWITTER AND bigger sites don’t even get that good score..stop stressing over “query string” two files one day they might go away on they own,but with this theme i don’t think they will unless the team make some magic in they speedbooster to fixed it..
Focus on making good content on ur site and keeping it fast and google bot will love you for it,but if you don’t have no good content are new content then what’s the point working on the backend if the front end is useless for google bot,msn and yahoo..
My SEO score is 87% and my rank is 3 that’s because i have good content and always updating and making sure my site is fast all the time with few problems..but i’m not going stress over every lil problem that pop up like “query string” and google fonts”any way good luck hope you get it all work out..an with out cloudfalre you will not have the CDN TO HELP UR SITE..that’s a must for all sites..