Skip to content

Customize Ultimate Member colors. Improves the performance of sites with Ultimate Member.

License

Notifications You must be signed in to change notification settings

umdevelopera/um-optimize

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ultimate Member - Optimize and Color

Improves the performance of sites with Ultimate Member. Customize Ultimate Member colors.

Key Features

  • Removes CSS and JS files that belongs to Ultimate Member and its extensions on pages that do not have Ultimate Member components.
  • Combines CSS and JS files that belongs to Ultimate Member and its extensions.
  • Allows using Profile Photo and Cover Photo images from the browser cache.
  • Optimizes SQL queries to get posts and users faster.
  • Adds settings to customize Ultimate Member colors.

Installation

Note: This plugin requires the Ultimate Member plugin to be installed first.

How to install from GitHub

Open git bash, navigate to the plugins folder and execute this command:

git clone --branch=main [email protected]:umdevelopera/um-optimize.git um-optimize

Once the plugin is cloned, enter your site admin dashboard and go to wp-admin > Plugins > Installed Plugins. Find the "Ultimate Member - Optimize and Color" plugin and click the "Activate" link.

How to install from ZIP archive

You can install the plugin from this ZIP file as any other plugin. Follow this instruction.

How to use

How to customize Ultimate Member colors

Go to wp-admin > Ultimate Member > Settings > Appearance > Colors and turn on the Enable custom colors setting then use settings below to customize Ultimate Member colors.

The Colors tab also contains tools that may be helpful:

  • Reset colors - Restore the default color set, close to Ultimate Member's own colors. Current colors will be overridden.
  • Export colors - Save current color set to the json file.
  • Import colors - Load color set from the json file. Current colors will be overridden.

UM Settings, Appearance, Color v1 3 0

Common

  • Active element
  • Active element text
  • Background
  • Light line
  • Line
  • Light text
  • Text

Links and buttons

  • Link
  • Link hover
  • Primary button
  • Primary button hover
  • Primary button text
  • Secondary button
  • Secondary button hover
  • Secondary button text

Fields and filters

  • Active element
  • Background
  • Background for item
  • Border
  • Placeholder
  • Text
  • Label

Profile menu

  • Active tab
  • Background
  • Hover
  • Text

How to optimize Ultimate Member to improve performance

Go to wp-admin > Ultimate Member > Settings > General > Optimize to manage settings.

UM Settings, General, Optimize (v1 2 0)

CSS and JS

Ultimate Member loads various styles and scripts that are necessary for its components to work. Extensions can also load their own styles and scripts. Loading many styles and scripts can slow down page rendering. It is recommended to disable loading of Ultimate Member styles and scripts on pages that do not have its components.

Loading one large style or script file has less impact on page rendering delay than loading multiple files. It is recommended to combine multiple Ultimate Member styles and scripts into one style file and one script file.

  • Dequeue unused styles - Dequeue CSS files on pages that do not have Ultimate Member components.
  • Dequeue unused scripts - Dequeue JS files on pages that do not have Ultimate Member components.
  • Combine styles - Combine CSS files queued by the Ultimate Member plugin and its extensions.
  • Combine scripts - Combine JS files queued by the Ultimate Member plugin and its extensions.

Images

Ultimate Member does not allow using Cover Photo and Profile Photo images from the browser cache. This approach is safe and secure, but it slows down rendering the member directory and pages with Ultimate Member components. It is recommended to allow using images from the browser cache.

Ultimate Member uses the largest Cover Photo thumbnail in the member directory on the desktop. However, the directory does not need large images. It is recommended to use Cover Photo thumbnail that is about 500 pixels wide to load images faster.

  • Profile Photo caching - Allow using Profile Photo images from the browser cache.
  • Cover Photo caching - Allow using Cover Photo images from the browser cache.
  • Cover Photo size in directory - Select the size of the Cover Photo thumbnail for the member directory.

SQL queries

Ultimate Member uses the standard WP_Query and WP_User_Query classes to build database queries. Queries created this way are reliable and stable, but are not optimized for speed. This slows down retrieving users in the member directory and posts in extensions that use custom post type. It is recommended to enable SQL queries optimization to get posts and members faster.

  • Speed up member directories - (optional) Optimize the SQL query that retrieves users for the member directory.
  • Speed up Activity - (optional) Optimize the SQL query that retrieves posts for the Social Activity extension.
  • Speed up Groups - (optional) Optimize the SQL query that retrieves posts for the Groups extension.
  • Speed up Notes - (optional) Optimize the SQL query that retrieves notes for the User Notes extension.
  • Speed up Photos - (optional) Optimize the SQL query that retrieves albums for the User Photos extension.
  • Speed up Reviews - (optional) Optimize the SQL query that retrieves reviews for the User Reviews extension.

Support

This is a free extension created for the community. The Ultimate Member team does not provide support for this extension. Open new issue if you are facing a problem or have a suggestion.

Please give a star if you think this extension is useful. I wish to know how many people use it. Thanks.

Useful links

Ultimate Member core plugin info and download

Ultimate Member documentation

Official extensions for Ultimate Member

Free extensions for Ultimate Member

Code snippets for Ultimate Member