Search Results for 'optimize'

Perhaps take a look at my sticky post top of the forum on how to optimize your site.

Also, test one of your POST pages, using GTMetrix.com as that will tell you explicitly what still needs to be fixed, such as image optimization, time to live (expiration headers), minify main CSS file, regen thunmbs to serve unscaled images, remove “?” variables, limit loading elements from external sites (e.g., gravatars), etc.

Well “page loading time” is only one element of optimization; there is also Google’s PageSpeed which can impact ranking for mobile users and how well your site will be shown in SERPS. That is one of the main reasons to “optimize” a site — “speed loading” is one aspect while “speed rating” is another. So, obviously WP Rocket and Cloudflare help by re-writing pages for clients, but not everybody wants to pay for those services.

For example my business site has a UX score of 100/100. Desktop 97/100. Mobile 96/100. Avg. page load 1.2 sec with https and no CDN or caching plugin on top. That matters. While various solutions exist, DIY, outsource, or paid service to rewrite pages dynamically — one needs to do something.

So, obviously folks need to research what fits their needs the best.

All great info in the thread as I’m sure the newbies will find it of interest. 🙂

Don’t change compression in the functions.php file; don’t use external optimization systems like Jetpack or paid services which alter the images. The default compression for images in WP is 90%. It only changes if you use some application or other setting which might change that.

Best way to keep images sharp on retina, as we do with the Newsmag theme for our sites (I use my iPad AIR and iPhone 6 to check everything we do), is to upload images “at size” for the layout template you’re actually using. On Newsmag, for example, we do all our images as 640xXX fully optimized in Photoshop, and then those scale perfectly as if I enlarge something (rarely) it gets a little softer; they scale down perfectly for retina as they become more “dense” when seen at 1/2 size so effectively have twice the density, which works perfectly for retina.

For retina/4K desktops, that is a whole different story.

Hi Cris I really thank you ;). The easiest way is to use copy-paste :).
This was my first encounter with functions.php. Thanks for the helpful tips.

To protect the site I uses Wordfence. Do you have any advice.
My main problem is the slow background. I welcome any suggestion.

My plugins:
AdRotate by Arnan de Gans of AJdG Solutions – 3.11.7
Advanced Access Manager by Vasyl Martyniuk – 2.8.6
Calendarize it! for WordPress by Alberto Lau (RightHere LLC) – 3.4.2.60206
Web 2.0 Directory plugin by Mihail Chepovskiy – 1.9.5
Contact Form 7 by Takayuki Miyoshi – 4.2.2
Cookie Law Info by Richard Ashby – 1.5.3
Custom Sidebars by WPMU DEV – 2.1.0.2
Easy Social Share Buttons for WordPress by CreoApps – 3.1
CM Tooltip Glossary by CreativeMindsSolutions – 3.1.9
EWWW Image Optimizer by Shane Bishop – 2.5.0
WPBakery Visual Composer by Michael M – WPBakery.com – 4.6.2
Layered Popups by Halfdata, Inc. – 4.74
Magic Answers by Nicola Franchini – 1.3
MS Custom Login by Mignon Style – 0.8
Post Duplicator by Metaphor Creations – 2.5
Regenerate Thumbnails by Viper007Bond – 2.2.4
Simple Local Avatars by Jake Goldman, 10up – 2.0
Testimonials Showcase by Carlos Moreira – 1.2.3
Video Blogster Pro by Super Blog Me – 2.4.0
Wordfence Security by Wordfence – 6.0.15
Yoast SEO by Team Yoast – 2.3.4
WP Author Box Pro by phpbits – 2.0.4
WP Retina 2x by Jordy Meow – 3.4.6
WP Rocket by WP Rocket – 2.6.7
MailPoet Newsletters Premium by MailPoet – 2.6.15
MailPoet Newsletters by MailPoet – 2.6.16

So, why not fix it?

Check the theme docs on how to speed up your site, and also my sticky post at top of the forum — it’s a process, but only you can optimize your site 🙂

e.g.,
theme docs/tutorials – make site faster
https://forum.tagdiv.com/how-to-make-the-site-faster/

my sticky bitz:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/

• This reply was modified 11 years by simchris.

Put another way, you’re not obligated to use the speedbooster plugin, the theme does not “require it” – it’s a feature which may or may not work with your setup, but if you choose to use it then there are some limitations and some customizations you may need to do to fully optimize your site.

Thanks Alin,

1. Ads then use custom 1-5 (I can add adrotate widgets to Newspaper 6 sidebar though too? Any widget can go in your sidebar?

2.

I’ve done that just as you asked:

Deactivated all plugins – cleared all caches

Activated one by one – Result EWWW Image Optimizer causes the class errors (I have left it deactivated but installed) I’m sure I can use an alternative plugin to manage media upload minimise sizes.

Could you look at some CSS for me? Need no ads anywhere at all on ‘All listings’ ‘For rent’ ‘For sale’ and the ‘single listing’ quality

Sorry for the trouble but really want to use theme and the ad thing is a problem for the Real Estate advertisers. You can see how it’s worked on westbridgfordwire.com/for-rent/ with this css from theme author below: I tried the CSS from the WP-Prosperity author below in Newspaper 6 but it wouldn’t do anything

body.single-properties .banner-ad { display:none !important; }

So in the current ‘live’ theme there’s a tick box for remove all ads (I know you don’t have that no worries) – and additional custom CSS to remove header ad

Best wishes
Pat

TIP: To optimize the image thumbnail sizes you need and skip generation of sizes you won’t be using, do this

a) audit the modules you are actually using, make a list, and the sizes used by those modules (theme docs shows the modules and the sizes)
b) set those as ‘on’ in the theme panel; turn others off [using the toggle switches]
c) in the WP admin/ media, set the three default sizes to the ones you use most often which are smaller than what you normally upload (small/medium/large)
d) in some theme versions, no “right size” thumb was being added for the “related posts” area below posts, and I posted somewhere here how to add that “size” to the main theme functions file inside of the /theme/includes/ folder.
e) use the “regenerate thumbnails” plugin to regen thumbs, and from now on with new posts you should have fewer thumbs made, based on the sizes you actually use on layouts.

Useful to be consistent with category, tag, author, search, archive templates to use same layout/size for better optimization and caching.

Hope that helps 🙂

TIP: To optimize the image thumbnail sizes you need and skip generation of sizes you won’t be using, do this

a) audit the modules you are actually using, make a list, and the sizes used by those modules (theme docs shows the modules and the sizes)
b) set those as ‘on’ in the theme panel; turn others off [using the toggle switches]
c) in the WP admin/ media, set the three default sizes to the ones you use most often which are smaller than what you normally upload (small/medium/large)
d) in some theme versions, no “right size” thumb was being added for the “related posts” area below posts, and I posted somewhere here how to add that “size” to the main theme functions file inside of the /theme/includes/ folder.
e) use the “regenerate thumbnails” plugin to regen thumbs, and from now on with new posts you should have fewer thumbs made, based on the sizes you actually use on layouts.

Useful to be consistent with category, tag, author, search, archive templates to use same layout/size for better optimization and caching.

Hope that helps 🙂

I find the plugin very stable now, I would say it’s 5 times better than what I had available originally 8/9 months ago, when I started this as a hobbie at first. Again, I recommend a decent server, the cheapest one will require work to stay fast and deliver a pleasant user experience (like CDN, cache, optimized images, etc)

Dates are now easily set, used to be an headache. Depends what one consider “small things” I guess 🙂 everything that is standard or mainstream works very well.

Comments are not affected by the plugin (except for the labels of the input fields ofc), a comment made in a post, regardless of its content or its language, will appear in all versions (languages) of the post/page. I remember I stumbled upon an extension/plugin which allowed to show comments separated per language, I see it can be useful in some cases but it is not for mine, a least for now, so I never used/tested it. Out of the box, no option is given to the user commentating in regard of classifying a post as being in any particular language.

Menus are great, I just need to customize the theme or the plugin to show a flag in mobile, between the icons of search and slide the menu. Right now is ok but (just one click away) but I kindda like gimmicks

You can have a look at http://www.infoporto.pt but I still have some bugs and it might not be the best example because it has some customizations and custom post types and custom post fields… I just started January and I have other things not related to the site it self to deal with… The hobbie became serious but I had to focus first on one language first because, in my case, there’s a will to have some depth in the differences of the contents of each language (2 so far, soon professionals will be hired to translate a more solid number). I also had delays in releasing “final” and complete version of my site cause of constant developments, newspaper seems to support child themes and custom post types now so I need to check out that first before continuing to fine tune the custom functions I already made.

FB often has issues capturing images, particularly in the a.m. Sometimes they may have an empty box with just your site name/URL, and nothing else.

Often you may need to share, then go to your timeline and use the “refresh attachment” option.

In some cases the image will appear automatically after sharing.

This is unrelated to your site or theme. FB just gets messed up at times as they are still a young tech company making it up as they go. Similarly their promote post system broken as they push people to use the new “ad manager” (trying to copy Twitter basically).

They are a web property still in development at all times. So, you cannot “control” what they do, only “give them hints” and hope it works.

I deal with this every day across our news network – some using different theme, some using Newsmag, some not even using WordPress and properly optimized.

It’s the nature of FB that sometimes it works, sometimes it does not. Sorry!

a) turn it on
b) read the docs (right side of page); if you need to further optimize.

For most folks just turning it on will do all you need.

May not work with certain things which also rewrite pages (e.g., move things from top to bottom of page)

@Radu when Cloudflare Rocketloader is on,all of the theme ajex stop working,the search don’t work,the Image Animations don’t work..this is the reason i had to hide my search bar on my site and can’t use any ajax as well…

I can be wrong but i think it have to do with the “jquery” that make the site not work well with Cloudflare Rocketloader..

Also only some post template can work with Cloudflare Rocketloader,(e.g style 7,style 8, style 6) they all can’t work with Cloudflare Rocketloader either so it’s something to check in too because using Cloudflare Rocketloader is a must for a good Optimize website…

FYI… some of what rocket loader does is also built into the next generation of http which is children of mod_pagespeed and mod_SPDY … mod_SPDY is awesome because it also “packages the page” then sends out one file and caches it, vs multiple files and whatnot. Been testing this awhile with our https site and pretty freaking amazing. 🙂

Lots of great solutions out there, but they all need A/B testing to see what works best for you.

Would be great if Radu did a tutorial at some point on how to optimize site with CF since that does seem to be getting to be super popular this year.

It will be nice if this theme can work with CF rocketloader because with out CF rocketloader the site is not well Optimize and i not going to stop using rocketloader because if i do my site score drop really low and site become slow as well…what makes this theme fast and well Optimize is using CF…

Rocket Loader improves page load times by:

Decreasing the number of network requests by bundling JavaScript files, even third party resources, to avoid slowing down page rendering

Asynchronously loading scripts, including third party scripts, so that they do not block the content of your page from loading immediately

Caching scripts locally (using LocalStorage, available on most browsers and smart phones) so they aren’t refetched unless necessary

Rocket Loader can improve load times for pages that include JavaScript. Your search engine ranking may be improved by reducing page load time.

• This reply was modified 11 years by Steven.

It will be nice if this theme can work with CF rocketloader because with out CF rocketloader the site is not well Optimize and i not going to stop using rocketloader because if i do my site score drop really low and site become slow as well…what makes this theme fast and well Optimize is using CF…

This may be obvious to some but you can improve your site load time MASSIVELY! if you aren’t using any of these plugins (Woocommerce, BBpress, Buddypress) remove all the CSS in the stylesheet.. i found there is quite alot for Buddypress

After that i reccommend using this site http://csscompressor.com/ – it has many settings to do with readability, so you can optimize your site but still be able to read it clearly.

HI folks … as I’m about to be enmeshed in a highly complex project for my own company, I won’t have *any* time to post “pay it forward” help around here anymore, but I thought I’d share one last thing for now — which I’d promised to do, and I just did in another post on this topic …

this is “broad strokes” on how to optimize the font loading for using Google fonts, such as OpenSans for your site; to not load the remote style sheet from Google and solve one of the issues from optimization testing related to Google fonts. This might even gain you a point in some cases!

———– SNIP————-

The theme does not load fonts via functions.php; but from the MAIN functions file used by the theme inside the /includes folder as I noted.

The following would be how we do it, in broad strokes — with idea of using OpenSans, removing roboto, and loading the CSS locally for OpenSans vs remotely.

Anybody planning to hack the theme in *any* way should explore the files in there to see what is going on with the theme.

So, to wit
theme/includes/td_wp_booster_functions.php

see around line 1318 – 1340

helps to use a proper text editor (I used “TextPad” on Windows, BBEdit on Mac).

I have not done this in awhile, but as I’m no longer going to be around here to help out, needing to move onto other things I’ll try to provide a starter point for you.

I believe I removed the whole Google fonts section; or perhaps only left in the first section as it caused error to remove it all.

————-

Next you need to search/replace any instance of Roboto from your style.css ; change the default fonts to OpenSans as you won’t be using the control panel to select it anymore.

————

‘capture’ the CSS from Google; presumably those of you who are new to HTML, webdev, etc., likely don’t understand what is going on with CSS (cascading style sheet) and how fonts are loaded.

So, basically when you “request” the fonts from Google using their API, you’re not loading the fonts, you’re loading a style sheet on their server, which in turn loads the fonts — a redirect of sorts. And this does show up as “something to fix” when doing optimization tests.

So, an old trick most of learned in the olden days of hand coding our websites from scratch is that you can put that API link into a browser window, or email it to yourself as a link also works …

Put another way if you were to go to the Google font repository, or look at the theme code, you end up with their API call, which looks something like this:

://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic

Now if you know what you’re doing, again, you can put that URL into a browser window and it will spit out the actual “what is being loaded from that URL” … which actually looks like this:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

that is the actual CSS being loaded .. and you can put this at the bottom of your style.css file to load the fonts from your own style sheet vs loading their style sheet remotely.

So, if you combine the three things
a) search/replace your /theme/style.css to make OpenSans your default font; remove Roboto
b) remove the section in the theme main config file so that it’s NOT loading the remote style sheets
c) put your captured CSS from Google at bottom of YOUR /theme/style.css
d) there may be one instance of roboto somewhere else in the admin code files, but I forget where that is at the moment (sorry)
e) while it should be self-evident — if your site is https; change the http in above to https.

Then you have saved the redirect of the extra style sheet being loaded from Google’s server.

You can modify this procedure to use different fonts, or multiple fonts. Just setup the fonts you want on Google’s font site, get the embed code; then “capture” the actual CSS.

Try it 🙂

• This reply was modified 11 years by simchris.

Ок. Спасибо за понятный ответ. Заметил, что во многих темах не поддерживается функционал CPT, только если он не был разработан под ключ специально для темы, например, Portfolio, FAQ и др.

Будет просто отлично, если у Вас получится совместить функционал темы и CPT! 🙂 Это позволит значительно расширять и усложнять разрабатываемые сайты на WP для воплощения самых разных идей. Попробую подождать обновлений, а пока пожертвую блогом, чтобы реализовать задуманное.

У Вас получилась действительно классная тема! Я был сильно удивлён, когда наглядно увидел, как на самом деле быстро может работать сайт на WP. Вдобавок к этой скорости я дополнительно удалил Customizer WP с помощью нового плагина https://wordpress.org/plugins/customizer-remove-all-parts/ и тема стала летать, как реактивный самолёт 🙂 http://imgdisk.ru/images/2015/07/11/Screenshot_1.png

Кстати, на одном из своих сайтов в качестве конструктора страниц я давно и успешно использую Page Builder by SiteOrigin https://wordpress.org/plugins/siteorigin-panels/ который является достойной альтернативой Visual Composer. VC, хотя он и классный, я не люблю из-за его медленной работы, которая плохо сказывается на всей скорости работы сайта. Но вам удалось каким-то образом его правильно оптимизировать и это действительно круто! 🙂

Желаю удачи!

————

Ok. Thank you for your clear answer. I noticed that in many themes is not supported functionality CPT, only if it was not designed specifically for the turnkey theme, such as, Portfolio, FAQ, and others.

It will be just fine,if you get to combine the functionality of theme and CPT! 🙂 This will greatly expand and complicate the developed sites in WP to implement a variety of ideas. I’ll try to wait for updates, and sacrifice is a blog to implement its plans.

You get a really cool theme! I was very surprised when I saw clearly, in fact it can work quickly on site WP. In addition to this speed, I removed the extra Customizer WP with a new plugin https://wordpress.org/plugins/customizer-remove-all-parts/ and theme was to fly like a jet plane 🙂 http://imgdisk.ru/images/2015/07/11/Screenshot_1.png

Incidentally, at one of its sites as a constructor of pages I have long and successfully been using Page Builder by SiteOrigin https://wordpress.org/plugins/siteorigin-panels/ which is a viable alternative to Visual Composer. VC, although it is cool, I do not like because of its slow work, which is bad for the whole speed of the site. But you managed to somehow it properly optimized and it’s really cool! 🙂

Good luck!

• This reply was modified 11 years by extpress.
• This reply was modified 11 years by extpress.

I was able to find the following document on your support site which I forwarded to my host and below is their response. https://forum.tagdiv.com/pagespeed-guide/

____________________________________________________

Hello,

To confirm, that’s the response from the author of WPBakery? The site linked there is tagdiv.com, the site where tagDiv Social Counter mentions – hence why I’m asking.

Additionally, in looking at that guide, items 1, 2, and 5 are handled by W3TC. I’m not sure why they’re suggesting to just use W3TC for page caching – if you do not do database caching, your site is still going to get slammed.

Further, with the sole exception of some CSS added by A5 Custom Login (or whatever that plugin is), none of the CSS/JS is currently blocking. The only request that is is the second request to the server – that request is handled by custom changes to wp-config.php that it appears that plugin makes.

The only thing that I have not done is to optimize the images on your site – doing this requires that you take them and resize them to the size you expect them to be on the server. I do not even know if that is currently an issue, but I haven’t resized them as that’s not something that we do.

The major point to take away from this however is simple: I’ve done as much of the stuff as I can do from this guide. However, there are quite a few interactions between your different plugins that prevents me from taking a couple of the key steps listed in this guide.

Thanks

Jack Hayhurst

Liquid Web Inc
https://www.liquidweb.com
800-580-4985 Toll Free
517-322-0434 Intl.
517.322.9412 Secure Fax
517.322.3158 Fax