Search Results for 'pagespeed'

@raugustox
Hi ! Nope I don’t work here.
I just kind of “adopted” this theme last year since we had been working on building something in house very much like this and then when I found this, they were further along, so decided to just use this since it had the micro data, bootstrap elements, above average knowledge of pagespeed (MOST WP theme companies have never used PageSpeed Insights… which as of this year is pretty pathetic, if you ask me).

Since I was doing a lot of work on our two test sites, I was popping in here everyday with version 2 and just started sharing info since I’ve been using WP since 2005ish, and have suffered most of the pains that the newbies/scrubs are running into. 🙂

My apologies if I ever offend anybody by stating the obvious sometimes, but I know I’ve gotten a LOT of help on forums over the years, so it’s kind of my way to pay back, pay forward, keep theme going, etc.

I don’t work for tagDiv and have no financial involvement or other relationship.

Just a big sappy fan ! 🙂

See the pagespeed topic for more information on optimizing your site. This is not specifically unique to this theme – it’s an issue with *all* websites and WordPress.

Start here
https://forum.tagdiv.com/how-to-make-the-site-faster/

https://forum.tagdiv.com/topic/pagespeed/

You might need to do some custom work, such as found in the theme documentation:
https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348

• This reply was modified 12 years by simchris.

Yes! Image optimization is only ONE part of the process. You need to ideally optimize your images prior to upload for smallest size, and then set the default compression.

The htaccess file stuff for expires and also making sure that gzip/deflate are enabled on your server are also hyper critical.

Read back through some of my long winded posts for some great tips 🙂

And, you are very welcome !

I have done everything as it says. Add code “add_filter( ‘jpeg_quality’, create_function( ”, ‘return 50;’ ) );” and run reg.thumb plugin. After that I run g. pagespeed, but the score was the same as previous mobile:52 / desktop:67 and I still get the message about optimazing images. It looks that they still weren’t optimized.

But then I tried another thing. I changed my expire headers in .httaccess with your expire headers you have posted in this post: https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/ and WOW!!! after I run g. pagespeed test I saw complitely diferent score: mobile:72 / desktop:82 — THAT IS FANTASTIC FOR ME!!! (I am on shared hosting for 5$ a month) — and when I test my page speed with google I have everything enabled and all ads on the site, so that new score is fantastic for me!!!

Christopher THANK YOU!!! 🙂

zokolus
look at the standard sizes found in the theme docs, here:
https://forum.tagdiv.com/modules-and-blocks/

I think we did
sm = 100×65
md = 326×159
lg = 700×357

NOTE: I highly recommend adding a custom compression amount to photos for WP as I’ve found that some of the pix created by theme with default WP compression level are waaaay to big.

For example on our site which is not yet optimized,
original article image 700×406 I uploaded is 31.14kb
http://publishersnewswire.com/META/PNW-Feb14-loudest.jpg
the theme/and WP created a 700×357 version, 63kb (!).

The hack to add the compression amount down to something like “50” is someplace in my prior posts. Recommended!!!

—updated——–
the code:

add the following code to your functions.php file in the theme root at the end –or– in your child theme (TIP: stop using a child theme)

add_filter( ‘jpeg_quality’, create_function( ”, ‘return 50;’ ) );

– then run the regenerate thumbnails plugin under wp admin > tools

EDIT (( AND REMEMBER TO BACKUP YOUR ORIGINAL PIX FIRST – !! ))

And one more FYI:
ga-ga is our test/optimization site
PNW is our “stock” site being used for comparison
(I have been called to other projects the past month and not working on either … hence why I was not around here for couple of weeks … and I will disappear again next week… sigh….deadlines!)

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

Thank you Christopher. That is very helpful!

I have only on question for you. I post it on pagespeed topic. Please help me with that problem.

Thanks again for all!!!
🙂

Can you tel me what are the thumb, medium and large sizes? Here I see that theme creates 9 thumb sizes http://import.tagdiv.com/newspaper/doc/#start I don’t know which are correct to enter in “media”.

I have regenerated thumbnails, butstill have google worning. In my media I have this dimensions:
Thumbnail size: 80*80
Medium size: 310*600
Large size: 1024*1024

In my theme I enabled:
CROP FEATURED IMAGE
Enable if you want to crop the featured images to (700px x 357px).

I would like to re-run regenerate thumbnails with corect thumb. inputs in my media filds.

Can you help me Christopher?

Hi, Coodude!
Not sure this helps or not:
Not all minification “plugins” do so correctly and is a known problem with ALL themes depending on the level of minification and/or breaking some code elements – not a ‘bug’ in the theme. If you wish the best possible result it’s best to manually minify the main CSS and JS files only. (See the PageSpeed sticky for my recommendations on how to do that, as I did. Downside, you need to do it each time theme updated, but only takes couple of minutes.)

With themes that are highly complex like this one, only “page cache” is recommended with the caching plugins. This is noted in the theme docs, also:
https://forum.tagdiv.com/w3-total-cache-configuration/

Salut,
pluginul speed busterul e facut si pentru page speedul din google, practic muta toate fisierele javascript si css din header in footer, de aceea scoate un scor bun in google pagespeed.

aici e un thread ( https://forum.tagdiv.com/topic/pagespeed/ ) unde mai multi useri vorbesc despre pagespeed, cred ca tear putea ajuta.

Thanks for you message.
Radu A.

@mehedi
yes, I use BBedit on Mac and TextPad on PC, as my text editors, but basically you can also use notepad (not wordpad), or whatever the plain text editor on Mac is these days (I always want to say simpletext).

SO: create new blank text document with same name as the file you plan to minify (filenameXYZ.js), put into a folder or wherever you store stuff on your computer, and leave it open …

THEN, open the file from Newspaper theme folder you want to minify in text editor, select all (CTRL+A) and copy and paste into the minifier site, apply – then copy the minified text into your blank document then save. FTP up the minified version to over-write the original in the theme folder (you should have backup, or your themeforest install as backup obviously).

So, you’re replacing the original *.js file in the theme folder with your minified version.

Easy. Certainly there are plugins that might work for you, too, but I’ve not used one lately so can’t suggest best one beyond the discussion in the pagespeed topic.

Reload your page. If you’re caching the js files obviously you need to clear cache. Both on site if using cache plugin and in your web browser to see changes.

Remember you would need to do this each time you update the theme. But it really takes under a minute to do, for those who need it done. Try it.

====== OTHER OPTION =========
if you’re using my pals in Canada at Gossamer Threads, aka “GTMetrix” — a great tip many people entirely miss is that you can run a page score on your site, and it will tell you if CSS or JS need to be optimized BUT THEN IT WILL GIVE YOU LINK TO DOWNLOAD OPTIMIZED VERSIONS!!

Go here: http://gtmetrix.com/
put in your site URL, or a “post” URL – then under stuff to fix it will have section on JS optimization, open little sub box, and it will show you files which “should be optimized” and will have little text link next to each one. Download/save the optimized version, upload via FTP, and done.

• This reply was modified 12 years by simchris.

@enemyborat
glad all my little rantings are helping somebody 🙂

“fonts and FOUT” Subject is top of mind for me at the moment as I’ve been toying with the difference between loading Open Sans off the Amazon CDN (where was able to compress the stylesheet more than the Google version is, for those who’ve run into that item on GTMetrix for scoring; meaning I basically am loading a minified and optimized version of the Open Sans font stack off the Amazon CDN for better performance/rating), vs just loading from Google directly. I get FOUT on my page right now with the CDN, and sometimes IE won’t load Font Awesome off the CDN at all (even with proper CORS rules) – whole ‘nother topic of pain there. Gave up and am loading Font Awesome 4x off our own server since IE 11 just randomly doesn’t load it and then all my icons are blank spots.

Anyway… “right now” if I go to a test page for site redesign (NOT using WordPress btw), I see moment of “italic” font then regular font. IE will load the italic font first for some reason so I see FOUT from italic to normal font. Stupid stuff (damn IE!!!).

I’m actually hoping to use the Google font CDN, and then the upcoming stable version of mod_pagespeed has a nifty feature where it will inline only the needed CSS for the browser being used.

So, for example this page …
http://www.send2press.com/clients/testimonials_2008-2012.shtml

I see a FOUT in IE11 on Win7/64 with a 32GB RAM machine on a 85mbps FIOS fibre connection. Page loading on dedicated server in Class A datacenter (Softlayer/IBM) with common elements like logo and main CSS coming off the CDN. Blah blah. Meaning, it’s not loading off anything with slow load times.

Starting to just “live with it.” Annoying as hell, though.

(argh)

Browser “should” cache the CSS on second page view. I have my cache in browser set to clear on close so I can re-suffer the view of a first time visitor EVERY time. Hence the annoyance can really annoying. Google “FOUT” to see the couple of years of whining by others, if one cares to. 😉

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

I think my links to recommended minify resources are in the sticky topic on pagespeed, but I generally use one of these:

for CSS (used this yesterday): http://cssminifier.com/

for JS/CSS (sometimes site is down) – used this on newspaper 2x for one of my two test sites (‘ga-ga’ site methinks):
http://refresh-sf.com/yui/
JavaScript Options = Minify only, no symbol obfuscation.

I’ve also used this once or twice, but one of my web browsers didn’t like it
http://www.csscompressor.com/

This may not be specific to your issue, but FOUT is a common issue with the trade off between fancy fonts and page load/speed.

This is called “flash of unstyled text” (FOUT) and is a common issue with using Google Fonts (etc.), as they are loaded from someplace other than your own site/server. SO, often the page starts to load, uses browser fonts, then the fonts load from external source (e.g., Google CDN). This is somewhat unavoidable if you’re going for maximum “pagespeed” as not everything can load at same time even when async or using the speed booster beta plugin; many times the loader for such fonts is deferred and moved to bottom of page to allow “above the fold” content to load quickly for a better pagspeed rating — such as with Google PageSpeed Insights).

Often something is slowing page down like a plugin, too large image, or similar, and this “holds up” getting to the font loading.

Solutions typically
1) change order of font loading
2) switch to web-safe fonts only
3) if using CSS over-rides on style sheet embedded in page AFTER main style loads, better to edit style sheet if there is measurable delay between the default style loading and the over-ride (meaning if main style is at 48 and your over-ride is 40; then the 48px still loads first, and then gets over-ride – by not doing over ride and editing core file, it starts at 40px to begin with).

FOUT isn’t too terrible, but it can be annoying.

Some of the above may be only informational to your issue, but I’ve been learning to live with this on some of our sites for better speed.

Hello #nowsathkwt

be sure you do this
1) https://forum.tagdiv.com/how-to-make-the-site-faster/
page cache, speed booster plugin beta
2) add the elements to htaccess file for expires headers, caching, etc.
3) make sure your server had gzip/deflate compression
4) install image optimize plugin, or change default compression in functions.php, re-render your images for compression
5) run speed test at GTmetrix (etc.); fix suggestions

Your site
http://gtmetrix.com/reports/connectkuwait.com/j8vmwWPR

note issues
* you don’t have expires headers on your site content; you need to add those to your htaccess file per my recommendations in this topic thread
* need to optimize images further
* you won’t be able to fix the stuff you’re loading off other sites like the .me.uk domain which is responsible for many of your “rating errors” — you’re loading images, CSS, JS and such from many other sites, and these all slow down your site and don’t meet the current optimization standards.

Hello,
Greetings

Please help me to speed up site , i have tried all the way you mentioned on this link(https://forum.tagdiv.com/topic/pagespeed/) still my site slow. kindly help me on this, i just want to display all the category without featured image and there should be no gab between two posts (if no image).
My site link http://connectkuwait.com/

See the ‘sticky’ discussion at top of the forum. It’s worth reading through all of that to get a better sense of options, and what others have done.
https://forum.tagdiv.com/topic/pagespeed/

Some of that is also found in the docs
https://forum.tagdiv.com/newspaper-documentation/

🙂

@nihar105479
wow. Really amazing.

Would you mind sharing how you achieved the score, specifically? Overall the pages load very slow from here in Calif., USA, but once loaded, everything is quick.

I notice today the PageSpeed Insights is down, but of course that is their pesky suggestions on stuff with your site being 76/mobile and 89/desktop and their own content causing issues, along with the normal social media bugs.

Great score on GTMetrix! 🙂

After so much trial my website achivede the perfection.Its scored 100 in Pingdom,GTMATIX and Google Page Speed.Thanks Tagdiv team.

http://tools.pingdom.com/fpt/#!/pzZqn/www.mavcure.com

http://gtmetrix.com/reports/www.mavcure.com/F3yJNbue

http://developers.google.com/speed/pagespeed/insights/?url=www.mavcure.com

But there is wrroe coming saying cache
Cache directory is not writable: /home/curepaty/public_html/wp-content/uploads/spacker-cache/

• This reply was modified 12 years by nihar105479.

hi,
thank you for reporting this issue

Thanks for you message.
Radu A.