just using google events to track. Hocked it up with jquery selectors. Checkout dailycat.de
we’re using nginx in front of application server now. stable with upt op 15k pi / hour 60k pi / day
@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!
I’m still not happy with the pagespeed on http://www.dailycat.de even I have optimized it quite a bit. Thus I set up google analytics page speed tracking. Maybe the results are interesting for the tagdiv team.
Mobile devices and especially tablet devices load much slower than desktop. I know, gsm and edge connection aren’t the best, however maybe its reasonable to load smaller images and reduce page heaviness for mobile devices.
https://www.dropbox.com/s/hbwpl7r4tfr6nhk/pagespeed-device-comparision.png
Second, there are some mobile devices which are much slower than others. especially android mobile. The followeing screen is the page load time compared to the websites average. I think it may be worth taking a look at the page speed performance of safari and mobile android browser, since the amount of people using them are significant.
https://www.dropbox.com/s/o43rv8lcb6ltm0n/pagespeed-mobile-android-browser-slow.png
https://www.dropbox.com/s/wlhhyj8uxe9y9qy/pagespeed-safari-slow.png
Any Ideas to improve performance on dailycat are welcome! Thx, guys for this awesome community here!
-
This reply was modified 12 years by
Manuel Fink.
ok, I think I got why google linkid is allways showing 0% clicks. The next element above has an generic id like td_uid_3_53d7796f62db9. I think google is counting clicks towards this id and since this changes pretty often the clickrate is spread across a lot of elements. You may want to consider to use date-td-uid instead of id attribute?
-
This reply was modified 12 years by
Manuel Fink.
@Lucian: How can I implement an own sorting order with random_posts? I think you answered sbo and not to my original question?
Thx @ChristopherSimmons, all images are already size optimized. Problem is first page load since we have a lot of new visitors.
Has mod_pagespeed an own option for lacy loading images?
oh, that sucks! I had the same issue the last days with my private server 🙁
Thx!
Hey Lucian,
tested! works with the latest 4.0.2 however decided against it. Just makes things unnecessarily complex and I do not yet have the demand for multiple sides.
Thx
Thx Lucian! No big deal! So far I went for little more complex css selectors. Got everything working.
I just realized that google linkid (plugin for google analytics to track where on page users are clicking) (https://support.google.com/analytics/answer/2558867?hl=en) requires id’s. Thus if you start integrating this you may want to consider also integrating an id fields.
I added a class and an id to the different page areas e.g.
similar ariticles id=”td_similararticles”
sidebar id=”td_sidebar_left” & id=”td_sidebar_right”
footer id=”td_footer”
This not only makes styling with css easier but also allows linkid to work. You may want to integrate the id tags in your theme too?
@sbo, definitely working. Did you bear in mind that you have to update all files after a theme update?
Hey Lucian,
Checked it. Is working now probably. Using sta instead of staging as subdomain now.
Thx
Probably this is related to php serialize function which has references to the length of a serialized string. changing www to staging changes the length, thus php isn’T able to deserialize it.
Wordpress describes the problem and solution here: http://codex.wordpress.org/Moving_WordPress
I gonna check tomorrow. Maybe the subdomain sta would be much easier than staging.
Hi Radu,
What I do is move the tables from production to staging.
Than replace the domain urls with:
UPDATE wp_options SET option_value = REPLACE(option_value, ‘http://www.mydomain.de’, ‘http://staging.domain.de’);
The theme settings in td_008 are correct in the database until staging.mydomain.de is opend in the browser. On loading the staging page in the browser, the theme settings are deleted from the database. I’m not understanding why? And how to avoid this behaviour?
Could you please tell me how to copy them?
Thx, I really appreciate your help!
My console log is empty except an error with the adserver once in a while. Which error are you referring to? This shouldn’t cause a conflict with resizing or?
I added the question to stackoverflow (http://stackoverflow.com/questions/24781829/image-width-100-on-mobile-devices-in-newspaper-wordpress-theme/24782288#24782288)
the suggested solution
.row-fluid {table-layout:fixed;}
works on desktops but not on iphone/safari.
Anyways, just being curious, why you use script for rescaling images?
thx a lot Lucian!
Figured the shortcode tag out myself [td_block3]
Why did this post get a red (x)?
ok, my staging is now running on the same setting, and I got worse results than before.
It seems to me that the plugins and this config helps on desktop however mobile results good much worse. My problem with: 65% mobile visitors
Shared my results in the pagespeed thread.
Are you using mod_pagespeed or any serverside settings?
-
This reply was modified 12 years by
Manuel Fink.
I finally got someone optimizing nginx settings for me.
However can anyone confirm @Stevens settings? My first try seems that it is not any better than using w3cache
Checking link http://staging.dailycat.de/hund-rettet-katzenbabys-670/ checked with http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fstaging.dailycat.de%2Fhund-rettet-katzenbabys-670%2F&tab=mobile
Old server vhosting (w3cache no nginx) (http://www.dailycat.de)
GPagespee 54 / 66 GtMatrix 83 / 68
New Server (same config as old) GPageSpeed 55 / 68 GtMatrix 86 / 70
New Server (@Stevens Konfiguration) GPageSpeed 48 / 71 GtMatrix 83 / 66
Mobile is the most important metric for me, since 65% of the visitors are mobile visitors!
Are you using any plugin for minification?
Are you using any plugin for compression?
@Steven with “speed booster” you mean “speed booster pack” (https://wordpress.org/plugins/speed-booster-pack/) by tiguan?
You deactivated tagDiv speed booster?
And which settings did you activate?
-
This reply was modified 12 years by
Manuel Fink.
Hi Steven, could you please share which plugins you finally ended up using with which settings? thx