72% yellow-pencil-visual-theme-customizer

Code Review | Visual CSS Style Editor

WordPress plugin Visual CSS Style Editor scored72%from 54 tests.

About plugin

  • Plugin page: yellow-pencil-vis...
  • Plugin version: 7.6.0
  • PHP version: 7.4.16
  • WordPress compatibility: 4.0-6.3
  • WordPress version: 6.3.1
  • First release: Aug 21, 2015
  • Latest release: Aug 16, 2023
  • Number of updates: 591
  • Update frequency: every 4.9 days
  • Top authors: WaspThemes (100%)

Code review

54 tests

User reviews

86 reviews

Install metrics

50,000+ active /1,234,415 total downloads

Benchmarks

Plugin footprint 83% from 16 tests

Installer Passed 1 test

🔺 Critical test (weight: 50) | Checking the installer triggered no errors
Installer ran successfully

Server metrics [RAM: ▲0.55MB] [CPU: ▼1.32ms] Passed 4 tests

Server-side resources used by Visual CSS Style Editor
Normal server usage
PageMemory (MB)CPU Time (ms)
Home /4.36 ▲0.6352.14 ▲5.60
Dashboard /wp-admin4.18 ▲0.5557.43 ▼10.33
Posts /wp-admin/edit.php4.23 ▲0.5558.91 ▲5.28
Add New Post /wp-admin/post-new.php6.72 ▲0.57102.64 ▼5.15
Media Library /wp-admin/upload.php4.04 ▲0.5546.47 ▲4.92
Go Pro! /wp-admin/admin.php?page=yellow-pencil-license4.0141.62
Import/Export /wp-admin/admin.php?page=yellow-pencil-export4.0152.42
Customizing Type /wp-admin/admin.php?page=yellow-pencil-customize-type4.1248.24
Customizations /wp-admin/admin.php?page=yellow-pencil-changes4.0149.40
YellowPencil Editor /wp-admin/themes.php?page=yellow-pencil3.9033.84
About /wp-admin/admin.php?page=wyp-welcome-screen4.0145.35
Settings /wp-admin/admin.php?page=yellow-pencil-settings4.0140.08
Custom Animations /wp-admin/admin.php?page=yellow-pencil-animations4.0142.30
YellowPencil Editor /wp-admin/admin.php?page=yellow-pencil-editor4.0436.20

Server storage [IO: ▲7.89MB] [DB: ▲0.00MB] Passed 3 tests

Input-output and database impact of this plugin
This plugin was installed successfully
Filesystem: 398 new files
Database: no new tables, 8 new options
New WordPress options
theysaidso_admin_options
widget_recent-posts
widget_theysaidso_widget
db_upgraded
widget_recent-comments
can_compress_scripts
yp_new_custom_CSS_dir
yp_700_db_updateX

Browser metrics Passed 4 tests

Visual CSS Style Editor: an overview of browser usage
Normal browser usage
PageNodesMemory (MB)Script (ms)Layout (ms)
Home /2,871 ▲11014.47 ▲0.271.87 ▲0.1640.45 ▼0.25
Dashboard /wp-admin2,240 ▲725.65 ▲0.0690.77 ▼9.0938.78 ▼1.59
Posts /wp-admin/edit.php2,146 ▲462.02 ▼0.0338.89 ▼3.5633.64 ▼2.78
Add New Post /wp-admin/post-new.php1,600 ▲6923.56 ▲0.11662.66 ▲15.2685.96 ▲31.76
Media Library /wp-admin/upload.php1,449 ▲494.34 ▲0.14104.41 ▼13.7642.22 ▼8.10
Go Pro! /wp-admin/admin.php?page=yellow-pencil-license9232.4840.8237.78
Import/Export /wp-admin/admin.php?page=yellow-pencil-export8952.0330.6537.76
Customizing Type /wp-admin/admin.php?page=yellow-pencil-customize-type2520.481.0336.33
Customizations /wp-admin/admin.php?page=yellow-pencil-changes9952.4838.4829.08
YellowPencil Editor /wp-admin/themes.php?page=yellow-pencil5,2635.46168.79152.06
About /wp-admin/admin.php?page=wyp-welcome-screen9722.0323.3258.34
Settings /wp-admin/admin.php?page=yellow-pencil-settings9892.5934.0730.74
Custom Animations /wp-admin/admin.php?page=yellow-pencil-animations9542.5933.2128.79
YellowPencil Editor /wp-admin/admin.php?page=yellow-pencil-editor130.440.092.45

Uninstaller [IO: ▲0.00MB] [DB: ▲0.00MB] 75% from 4 tests

🔸 Tests weight: 35 | It is important to correctly uninstall your plugin, without leaving any traces
It is recommended to fix the following
  • The uninstall procedure has failed, leaving 7 options in the database
    • yp_new_custom_CSS_dir
    • widget_recent-posts
    • widget_theysaidso_widget
    • can_compress_scripts
    • widget_recent-comments
    • db_upgraded
    • theysaidso_admin_options

Smoke tests 25% from 4 tests

Server-side errors 0% from 1 test

🔹 Test weight: 20 | Just a short smoke test targeting errors on the server (in the Apache logs)
These errors were triggered by the plugin
  • 2 occurences, only the last one shown
    • > GET request to /wp-admin/admin.php?page=yellow-pencil-license
    • > request to
    • > Notice in wp-config.php+20
    Undefined index: REQUEST_METHOD

SRP 50% from 2 tests

🔹 Tests weight: 20 | The single-responsibility principle applies for WordPress plugins as well - please make sure your PHP files perform no actions when accessed directly
Please fix the following items
  • 9× PHP files perform the task of outputting text when accessed with GET requests:
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/editor/lib/redirection.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/editor/lib/options-controller.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/editor/editor.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/admin/settings.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/editor/lib/properties.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/admin/lib/subscription-cancellation.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/editor/lib/demo-view.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/editor/lib/customization-popup.php
    • > /wp-content/plugins/yellow-pencil-visual-theme-customizer/yellow-pencil.php

User-side errors 0% from 1 test

🔹 Test weight: 20 | This is a shallow check for browser errors
There are user-side issues you should fix
    • > GET request to /wp-admin/admin.php?page=yellow-pencil-customize-type
    • > Javascript (severe) in unknown
    /wp-admin/admin.php?page=yellow-pencil-customize-type 1248:50 Uncaught TypeError: Cannot read properties of null (reading 'classList')

Optimizations

Plugin configuration 96% from 29 tests

readme.txt Passed 16 tests

Don't ignore readme.txt as it is the file that instructs WordPress.org on how to present your plugin to the world
9 plugin tags: customize, animation, theme, font, css editor...

yellow-pencil-visual-theme-customizer/yellow-pencil.php 92% from 13 tests

"Visual CSS Style Editor" version 7.6.0's main PHP file describes plugin functionality and also serves as the entry point to any WordPress functionality
The following require your attention:
  • Main file name: Name the main plugin file the same as the plugin slug ("yellow-pencil-visual-theme-customizer.php" instead of "yellow-pencil.php")

Code Analysis Passed 3 tests

File types Passed 1 test

🔸 Test weight: 35 | This is a short overview of programming languages used in this plugin, detecting executable files
Good job! No executable or dangerous file extensions detected29,731 lines of code in 42 files:
LanguageFilesBlank linesComment linesLines of code
JavaScript197,3843,93114,082
CSS71,712838,915
PHP102,5371,0926,684
SVG10032
Markdown18014
JSON4004

PHP code Passed 2 tests

This plugin's cyclomatic complexity and code structure detailed below
This plugin has no cyclomatic complexity problems
Cyclomatic complexity
Average complexity per logical line of code0.57
Average class complexity0.00
▷ Minimum class complexity0.00
▷ Maximum class complexity0.00
Average method complexity0.00
▷ Minimum method complexity0.00
▷ Maximum method complexity0.00
Code structure
Namespaces0
Interfaces0
Traits0
Classes0
▷ Abstract classes00.00%
▷ Concrete classes00.00%
▷ Final classes00.00%
Methods0
▷ Static methods00.00%
▷ Public methods00.00%
▷ Protected methods00.00%
▷ Private methods00.00%
Functions110
▷ Named functions110100.00%
▷ Anonymous functions00.00%
Constants6
▷ Global constants6100.00%
▷ Class constants00.00%
▷ Public constants00.00%

Plugin size Passed 2 tests

Image compression Passed 2 tests

Often times overlooked, PNG files can occupy unnecessary space in your plugin
351 compressed PNG files occupy 4.64MB
Potential savings
Compression of 5 random PNG files using pngquant
FileSize - originalSize - compressedSavings
assets/pinstripe.png0.29KB0.28KB▼ 3.02%
assets/silver_scales.png0.21KB0.23KB0.00%
assets/black_mamba.png0.21KB0.18KB▼ 13.76%
assets/white_leather.png30.09KB31.03KB0.00%
assets/farmer.png36.57KB38.13KB0.00%