Search Results for 'regenerate'

The Slide it changes sizes of some of the photos. I did the regenerate on site day I started with it. The slider before template the heads are not cut off. I reuploaded the images and still same thing.

Also when I log into mobile Ipad or galaxy phone the front logo appears then it goes to the 16×16 Icon Logo.

Per the documentation you need to use the “regenerate thumbnails” plugin to create new thumbnails matching new theme layout. Give that a try, as this is usually the #1 thing folks forget (or miss) doing. 🙂

HI,
if you’re using a cache plugin with “page cache” on that should work.
Many hosting providers also run caching software of varying kinds, but not all websites may have that function depending on plan and how they setup VPS or containers for different customer classes. eacclerator, optcache, memcache, etc.

The .htaccess file goes in the root of your public document area (e.g., httpdocs/yoursitename/public – same place that wp-content lives), and is more easily seen with an FTP application that can show hidden files ( .htaccess is the file name – the dot makes it hidden ). Or, if you’re using something like YOAST SEO, there is an “edit files” option to make additions to the file (which is what I do). It is there, as WordPress writes it’s “rewrite” rules to that file. In your web hosting account there may be a “file manager” which would let you edit it, also.

Smush.it is the popular choice, however it only works on new files not existing ones. I think “regenerate thumbnails” may work when smushit is on, but check the help support on that for those plugins.

What amazes me are the problems you and I can’t do much about
a) issues with Google AdSense
b) issues with social media elements
c) issues with recaptcha (I just turned this off); powered by Google
d) issues with Disqus or any comment platform including the one from automatic

The most hilarious issue is that we installed Google’s “mod_pagespeed” system on our web server, and now it’s saying that there is a PageSpeed error since PageSpeed inserted three 1×1 pixel graphics and isn’t specifying their height and width.

Seriously?

So, basically from my experience wrangling this the past few months, if you want to know your real pagespeed run it with
1) ads off ! You will get pagespeed errors from Google ads.
2) social media off – you will get error from twitter
3) if you use Addthis, as we do – you need to hack the plugin to add the #async=1 option at end of javascript string.

It’s a process that will end up being frustrating at some point. No way around issues with Google’s own products generating errors. SO, they penalize page speed for using their services. Crazy.

• This reply was modified 12 years by simchris.

vidapropria
1) reduce image sizes either by running compression plugin and/or adding compression factor to your functions file
2) faster server account, if you keep seeing “slow response from server” error — that was a [!] item on your last report speed check — nothing can be done about that with the theme, or in WP; that is how fast the account you have and your hosting provider is responding to ping/start showing the page. For example if you have a $5/month account, upgrade to $10/month account (I’m just using that as example). Low cost accounts are usually on a machine or VPS being shared with 1,000+ other sites. Slightly more costly hosting accounts give more resources to each site, by sharing the resource pool with fewer domains.

Verify deflate/gzip working; remember this only serves up faster versions of your content, but doesn’t optimize them prior to that. I think I saw a 100K image file in your last report … that is waaaaaaaaay too big. Try using smushit plugin and regenerate thumbnails to see if that helps? (Backup images first as changes to images on server will be destructive — meaning they are changed and cannot be unchanged).

Also, for testing if you’re using a child theme, be sure to try NOT using a child theme to see if that gains you a point.

However RECOMMENDED:
1) optimize images before/after upload
2) look at better hosting – if you keep getting “slow to respond” error from Google — no way around that on your side.
3) test without using DISQUS, as this does slow things down. We stopped using it for that reason. We’re leaning toward phasing out comments on most sites, per industry practice now that most comments tend to be trolls and arguments (see: CNN for example). Any comments plugin really slows stuff down on WP. Unless you gain ad revenue from 10,000 visitors per day, it’s not really an essential plugin, and more of a glamour thing (in my opinion).
4) turn off all jetpack stuff for speed test — anything that connects to the WP/Automattic mothership adds latency.

Hope that helped 🙂

————–
as an aside on pagespeed errors:
I’m actually dealing with even more arcane stuff like how to enqueue the parent Theme’s style sheet in the child Theme’s functions.php, to bypass the annoying @import not recommended error from Google which the Automattic folks seem to think is a non-issue. I will post my efforts on THAT noise if anybody cares.

[ UPDATED ]
I just ran your GPS test, and saw you’re up to 82/100 desktop. So, looks like you’re making progress. The images issue is the next thing you need to resolve. You’ll have several points for that, as reducing the footprint of your images speeds up page (e.g., if you go from 300K to 150KB; that’s 50% less time loading images!).

For the minification stuff… note you would need to use a plugin for that (WPminify) although this has some issues; -or- you need to manually minify SOME resources which are not already reduced in size. RADU doesn’t minify all the code as developers have a hard time modifying code if they can’t read it.

So, if you knew there were a couple of large CSS/JS files you might want to minify, you can easily do that using an online tool (I use this one, although it won’t work with IE11/Win7 properly … use Chrome or similar: http://refresh-sf.com/yui/ )

Basically, “minification” of CSS and Java/js files removes the extra spaces, comments, and line breaks to make file “more compact” … so if you had a 125Kb CSS file, by removing all the spaces, line breaks, comments, it might end up being 100Kb, which is the kind of reduction that PageSpeed looks at — the idea being if you had 5 files being loaded on page and you reduced all of them by 20kb – well, that’s 100Kb and is larger than what website developers like me used for the entire page and graphics 10 years ago (we used to shoot for 50kb max page load, if you can imagine that!) …

• This reply was modified 12 years by simchris.

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).

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

Hi,
note you have to set a “featured” image for each post for any thumbnails to work, since the theme uses the builtin thumbnail options of WP.

For my setup I have it as
1) customizer > posts > don’t show featured images
2) on each post I place image in story, and then bottom right post page choose the image I want on indexes as ‘featured’
3) I then used regenerate thumbnails with the “make image featured” option

Your mileage may vary. Be sure that your wp images folder is writable. I had that happen once where no image would even upload due to the server owning the folder — and in another case using the month folders didn’t work either, so I never use those anymore out of habit.

Not sure if that helped at all. Was just checking in to see any bugs in the new update before I applied it, and saw your post.

🙂 Chris

Just for a point of reference on our test site under development, with 1.7.2, and no caching or tagdiv/optimizer plugin enabled. This is neither a complaint, nor solution, just an indicator of another look at “speed” on a “typical” review article page online, based in U.S.

Test article page
http://ga-ga.com/785/discwatcher-watching-films-at-home-spring-2013-a-good-day-to-die-hard/

Google Page Speed = 96 / YSlow 73* (desktop; not showing mobile results)
Page load time: 6.46s
Total page size: 2.19MB
Total number of requests: 106
*NOTE: huge number of “errors” due to GOOGLE ads/cookies/etc. with embedded YouTube video and two AdSense ads (top/right) and social media crap. Unrelated to theme.
PAGE HAS: 3 large images in article; two content blocks right side with 3 thumbnails each (6 images) and the 2 related content items below story. Total 11 images plus gravatar, and 2 logos.

14 images, 2 ads, youtube video; Google Page Speed “96” — not too shabby!

Main issues have to do with Google elements, and social media stuff. One javascript file could be compressed; YSlow hates the @style load of CSS via child theme (sigh). Images could be slightly more compressed (option to set compression level via functions file?).

For those looking at Google Page Speed vs “load time” or “payload” … ALWAYS test your “page speed” with AdSense stuff removed or you will always get upset with any WP site ranking/rating/testing. In our case, the above “96” with Google Page Speed is pretty amazing, frankly. 6 second load time, not so much (anything over 4 sec would be considered “bad” these days), but caching plugin and CDN may help with that immensely. Yslow pretty much “demands” a CDN for top speed ranking.

Our goal is 3 sec. max time for a page like that (avg 2.6 sec would be acceptable based on how some of our other sites work) and if/when I get to that, I’ll share our method of optimization, if anybody will want to know.

— PLUGINS:
* all jetpack OFF
* WP-Optimize (speed up your DB by optimizing it!)
* Akismet with site license
* Limit Login Attempts (a must!)
* Regenerate thumbnails
* WordPress SEO by Yoast
* bare minimum tagdiv provided plugins (e.g., animated GIF resize)

• This reply was modified 12 years by simchris.

Hi
most modern themes have moved to using the built-in thumbnail system in WordPress which uses the “featured” post to tell the system which image should be used for the thumbnail. Older themes (including many I still use like “Canvas’) use both the “featured” method with alternate timthumb method which would grab “first image placed in post.”

However, there is an awesome plugin called “regenerate thumbnails” which can make new thumbnails *and* make all them the featured image.

If you end up with two images on posts, you need to deactivate the “show featured images” in the Newspaper theme customizer (this is what I did). So, for new posts I place my main image, and any additional images into post as per old skool way, then on right side under featured image select the one I want to appear on home page and indexes, and most of the time in social media, and then you’re set.

see: http://wordpress.org/plugins/regenerate-thumbnails/

• This reply was modified 12 years by simchris.

Ok I found. It’s work (after regenerate thumbs)

But crop not always at a good place 🙁

That’s can be very nice to select the thumbnails. Some know a plugin that allow this?

I apologize, disregard the above. I see that it is 1024×1024, 300×300 and 150×150.

On a side note, when installing the theme with existing content; I would imagine I set these in the Media settings and save. Then from there, for the featured images; regenerate them and they will regenerate in ALL the correct dimensions for each page? When I did that with an existing featured image, it didn’t create all of the sizes so I was stuck.