Prestatie-optimalisatie

XOOPS Prestatieoptimalisatie

Uitgebreide gids voor het optimaliseren van XOOPS voor maximale snelheid en efficiëntie.

Overzicht van prestatieoptimalisatie

graph TD
    A[Performance] --> B[Caching]
    A --> C[Database]
    A --> D[Web Server]
    A --> E[Frontend]
    A --> F[Code]
    B --> B1[Page Cache]
    B --> B2[Query Cache]
    B --> B3[Template Cache]
    C --> C1[Indexes]
    C --> C2[Queries]
    C --> C3[Optimization]
    D --> D1[Compression]
    D --> D2[Headers]
    D --> D3[Connection]
    E --> E1[Images]
    E --> E2[CSS/JS]
    E --> E3[Lazy Load]
    F --> F1[Modules]
    F --> F2[Queries]

Caching-configuratie

Caching is de snelste manier om de prestaties te verbeteren.

Caching op paginaniveau

Schakel caching van volledige pagina’s in XOOPS in:

Beheerderspaneel > Systeem > Voorkeuren > Cache-instellingen

Enable Caching: Yes
Cache Type: File Cache (or APCu/Memcache)
Cache Lifetime: 3600 seconds (1 hour)
Cache Module Lists: Yes
Cache Configuration: Yes
Cache Search Results: Yes

Op bestanden gebaseerde caching

Configureer de locatie van de bestandscache:

# Create cache directory outside web root (more secure)
mkdir -p /var/cache/xoops
chown www-data:www-data /var/cache/xoops
chmod 755 /var/cache/xoops

# Edit mainfile.php
define('XOOPS_CACHE_PATH', '/var/cache/xoops/');

APCu-caching

APCu biedt caching in het geheugen (zeer snel):

# Install APCu
apt-get install php-apcu

# Verify installation
php -m | grep apcu

# Configure in php.ini
apc.enabled = 1
apc.memory_size = 128M
apc.ttl = 0
apc.user_ttl = 3600
apc.shm_size = 128

Inschakelen in XOOPS:

Beheerderspaneel > Systeem > Voorkeuren > Cache-instellingen

Cache Type: APCu

Geheugencache/Redis-caching

Gedistribueerde caching voor sites met veel verkeer:

Geheugencache installeren:

# Install Memcache server
apt-get install memcached

# Start service
systemctl start memcached
systemctl enable memcached

# Verify running
netstat -tlnp | grep memcached
# Should show listening on port 11211

Configureren in XOOPS:

mainfile.php bewerken:

// Memcache configuration
define('XOOPS_CACHE_TYPE', 'memcache');
define('XOOPS_CACHE_HOST', 'localhost');
define('XOOPS_CACHE_PORT', 11211);
define('XOOPS_CACHE_TIMEOUT', 0);

Of in het beheerdersdashboard:

Cache Type: Memcache
Memcache Host: localhost:11211

Sjablooncaching

XOOPS-sjablonen compileren en in cache opslaan:

# Ensure templates_c is writable
chmod 777 /var/www/html/xoops/templates_c/

# Clear old cached templates
rm -rf /var/www/html/xoops/templates_c/*

Configureer in thema:

<!-- In theme xoops_version.php -->
{smarty.const.XOOPS_VAR_PATH|constant}
<{$xoops_meta}>

<!-- Templates use caching -->
{cache}
    [Cached content here]
{/cache}

Database-optimalisatie

Database-indexen toevoegen

Goed geïndexeerde databases kunnen veel sneller query’s uitvoeren.

-- Check current indexes
SHOW INDEXES FROM xoops_users;

-- Common indexes to add
ALTER TABLE xoops_users ADD INDEX idx_uname (uname);
ALTER TABLE xoops_users ADD INDEX idx_email (email);
ALTER TABLE xoops_users ADD INDEX idx_uid_active (uid, user_actkey);

-- Add indexes to posts/content tables
ALTER TABLE xoops_posts ADD INDEX idx_post_published (post_published);
ALTER TABLE xoops_posts ADD INDEX idx_post_uid (post_uid);
ALTER TABLE xoops_posts ADD INDEX idx_post_created (post_created);

-- Verify indexes created
SHOW INDEXES FROM xoops_users\G

Optimaliseer tabellen

Regelmatige tabeloptimalisatie verbetert de prestaties:

-- Optimize all tables
OPTIMIZE TABLE xoops_users;
OPTIMIZE TABLE xoops_posts;
OPTIMIZE TABLE xoops_config;
OPTIMIZE TABLE xoops_comments;

-- Or optimize all at once
REPAIR TABLE xoops_users;
OPTIMIZE TABLE xoops_users;
REPAIR TABLE xoops_posts;
OPTIMIZE TABLE xoops_posts;

Maak een geautomatiseerd optimalisatiescript:

#!/bin/bash
# Database optimization script

echo "Optimizing XOOPS database..."

mysql -u xoops_user -p xoops_db << EOF
-- Optimize all tables
OPTIMIZE TABLE xoops_users;
OPTIMIZE TABLE xoops_posts;
OPTIMIZE TABLE xoops_config;
OPTIMIZE TABLE xoops_comments;
OPTIMIZE TABLE xoops_users_online;

-- Show database size
SELECT table_schema,
       ROUND(SUM(data_length + index_length) / 1024 / 1024, 2) as total_mb
FROM information_schema.tables
WHERE table_schema = 'xoops_db'
GROUP BY table_schema;
EOF

echo "Database optimization completed!"

Schema met cron:

# Weekly optimization
crontab -e
# Add: 0 3 * * 0 /usr/local/bin/optimize-xoops-db.sh

Zoekopdrachtoptimalisatie

Langzame zoekopdrachten bekijken:

-- Enable slow query log
SET GLOBAL slow_query_log = 'ON';
SET GLOBAL long_query_time = 2;

-- View slow queries
SELECT * FROM mysql.slow_log;

-- Or check slow log file
tail -100 /var/log/mysql/slow.log

Veel voorkomende optimalisatietechnieken:

// SLOW - Avoid unnecessary queries in loops
foreach ($users as $user) {
    $profile = getUserProfile($user['uid']);  // Query in loop!
    echo $profile['name'];
}

// FAST - Get all data at once
$profiles = getAllUserProfiles($user_ids);
foreach ($users as $user) {
    echo $profiles[$user['uid']]['name'];
}

Bufferpool vergroten

Configureer MySQL voor betere caching:

Bewerk /etc/mysql/mysql.conf.d/mysqld.cnf:

# InnoDB Buffer Pool (50-80% of system RAM)
innodb_buffer_pool_size = 1G

# Query Cache (optional, can be disabled in MySQL 5.7+)
query_cache_size = 64M
query_cache_type = 1

# Max Connections
max_connections = 500

# Max Allowed Packet
max_allowed_packet = 256M

# Connection timeout
connect_timeout = 10

MySQL opnieuw opstarten:

systemctl restart mysql

Webserveroptimalisatie

Gzip-compressie inschakelen

Comprimeer reacties om de bandbreedte te verminderen:

Apache-configuratie:

<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/json

    # Don't compress images and already compressed files
    SetEnvIfNoCase Request_URI \.(jpg|jpeg|png|gif|zip|gzip)$ no-gzip dont-vary

    # Log compressed responses
    DeflateBufferSize 8096
</IfModule>

Nginx-configuratie:

gzip on;
gzip_types text/html text/plain text/css text/javascript application/javascript application/json;
gzip_min_length 1000;
gzip_vary on;
gzip_comp_level 6;

# Don't compress already compressed formats
gzip_disable "msie6";

Controleer compressie:

# Check if response is gzipped
curl -I -H "Accept-Encoding: gzip" http://your-domain.com/xoops/

# Should show:
# Content-Encoding: gzip

Browsercaching-headers

Cacheverloop instellen voor statische assets:

Apache:

<IfModule mod_expires.c>
    ExpiresActive On

    # Cache images for 30 days
    ExpiresByType image/jpeg "access plus 30 days"
    ExpiresByType image/gif "access plus 30 days"
    ExpiresByType image/png "access plus 30 days"
    ExpiresByType image/svg+xml "access plus 30 days"

    # Cache CSS/JS for 30 days
    ExpiresByType text/css "access plus 30 days"
    ExpiresByType application/javascript "access plus 30 days"
    ExpiresByType text/javascript "access plus 30 days"

    # Cache fonts for 1 year
    ExpiresByType font/eot "access plus 1 year"
    ExpiresByType font/ttf "access plus 1 year"
    ExpiresByType font/woff "access plus 1 year"
    ExpiresByType font/woff2 "access plus 1 year"

    # Don't cache HTML
    ExpiresByType text/html "access plus 1 hour"
</IfModule>

Nginx:

location ~* \.(jpg|jpeg|png|gif|ico|svg|woff|woff2|ttf|eot)$ {
    expires 30d;
    add_header Cache-Control "public, immutable";
}

location ~* \.(css|js)$ {
    expires 30d;
    add_header Cache-Control "public";
}

location ~ \.html$ {
    expires 1h;
    add_header Cache-Control "public";
}

Verbinding Keep-Alive

Permanente HTTP-verbindingen inschakelen:

Apache:

<IfModule mod_http.c>
    KeepAlive On
    KeepAliveTimeout 15
    MaxKeepAliveRequests 100
</IfModule>

Nginx:

keepalive_timeout 15s;
keepalive_requests 100;

Frontend-optimalisatie

Afbeeldingen optimaliseren

Afbeeldingsbestandsgrootte verkleinen:

# Batch compress JPEG images
for img in *.jpg; do
    convert "$img" -quality 85 "optimized_$img"
done

# Batch compress PNG images
for img in *.png; do
    optipng -o2 "$img"
done

# Or use imagemin CLI
npm install -g imagemin-cli
imagemin images/ --out-dir=images-optimized

Verklein CSS en JavaScript

Verklein de bestandsgrootte van CSS/JS:

Met behulp van Node.js-tools:

# Install minifiers
npm install -g uglify-js clean-css-cli

# Minify JavaScript
uglifyjs script.js -o script.min.js

# Minify CSS
cleancss style.css -o style.min.css

Onlinetools gebruiken:

• CSS Verkleiner: https://cssminifier.com/
• JavaScript-verkleiner: https://www.minifycode.com/javascript-minifier/

Lazy Load-afbeeldingen

Laad afbeeldingen alleen wanneer dat nodig is:

<!-- Add loading="lazy" attribute -->
<img src="image.jpg" alt="Description" loading="lazy">

<!-- Or use JavaScript library for older browsers -->
<img class="lazy" src="placeholder.jpg" data-src="image.jpg" alt="Description">

<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/17.1.2/lazyload.min.js"></script>
<script>
    var lazyLoad = new LazyLoad({
        elements_selector: ".lazy"
    });
</script>

Verminder bronnen die het renderen blokkeren

Laad CSS/JS strategisch:

<!-- Load critical CSS inline -->
<style>
    /* Critical styles for above-the-fold */
</style>

<!-- Defer non-critical CSS -->
<link rel="stylesheet" href="style.css" media="print" onload="this.media='all'">

<!-- Defer JavaScript -->
<script src="script.js" defer></script>

<!-- Or use async for non-critical scripts -->
<script src="analytics.js" async></script>

CDN-integratie

Gebruik een Content Delivery Network voor snellere wereldwijde toegang.

Populaire CDN’s

CDN	Kosten	Kenmerken
Wolkenvlam	Gratis/betaald	DDoS, DNS, cache, analyse
AWS CloudFront	Betaald	Hoge prestaties, wereldwijd
Konijntje CDN	Betaalbaar	Opslag, video, cache
jsDelivr	Gratis	JavaScript-bibliotheken
cdnjs	Gratis	Populaire bibliotheken

Cloudflare-installatie

1. Meld u aan op https://www.cloudflare.com/

2. Voeg uw domein toe

3. Update naamservers met die van Cloudflare

4. Schakel caching-opties in:

   • Cacheniveau: agressief
   • Caching op alles: Aan
   • Browsercaching TTL: 1 maand

5. Update in XOOPS uw domein om Cloudflare DNS te gebruiken

CDN configureren in XOOPS

Update afbeeldings-URL’s naar CDN:

Themasjabloon bewerken:

<!-- Original -->
<img src="{$xoops_url}/uploads/image.jpg" alt="">

<!-- With CDN -->
<img src="https://cdn.your-domain.com/uploads/image.jpg" alt="">

Of stel in PHP in:

// In mainfile.php or config
define('XOOPS_CDN_URL', 'https://cdn.your-domain.com');

// In template
<img src="{$smarty.const.XOOPS_CDN_URL}/uploads/image.jpg" alt="">

Prestatiemonitoring

PageSpeed Insights-testen

Test de prestaties van uw site:

1. Ga naar Google PageSpeed Insights: https://pagespeed.web.dev/
2. Voer uw XOOPS URL in
3. Bekijk de aanbevelingen
4. Implementeer voorgestelde verbeteringen

Bewaking van serverprestaties

Bewaak realtime serverstatistieken:

# Install monitoring tools
apt-get install htop iotop nethogs

# Monitor CPU and memory
htop

# Monitor disk I/O
iotop

# Monitor network
nethogs

PHP Prestatieprofilering

Identificeer langzame PHP-code:

<?php
// Use Xdebug for profiling
xdebug_start_trace('profile');

// Your code here
$result = someExpensiveFunction();

xdebug_stop_trace();
?>

MySQL-querybewaking

Langzame zoekopdrachten bijhouden:

# Enable query logging
mysql -u root -p

SET GLOBAL general_log = 'ON';
SET GLOBAL log_output = 'FILE';
SET GLOBAL general_log_file = '/var/log/mysql/query.log';

# Review slow queries
tail -f /var/log/mysql/slow.log

# Analyze query with EXPLAIN
EXPLAIN SELECT * FROM xoops_users WHERE uid = 1\G

Controlelijst voor prestatieoptimalisatie

Implementeer deze voor de beste prestaties:- [ ] Caching: Caching van bestanden/APCu/Memcache inschakelen

• Database: Indexen toevoegen, tabellen optimaliseren
• Compressie: Gzip-compressie inschakelen
• Browsercache: Cacheheaders instellen
• Afbeeldingen: Optimaliseren en comprimeren
• CSS/JS: Bestanden verkleinen
• Lazy Loading: Implementatie voor afbeeldingen
• CDN: Gebruik voor statische activa
• Keep-Alive: Schakel permanente verbindingen in
• Modules: Ongebruikte modules uitschakelen
• Thema’s: Gebruik lichtgewicht, geoptimaliseerde thema’s
• Monitoring: Houd prestatiestatistieken bij
• Regelmatig onderhoud: Cache wissen, DB optimaliseren

Prestatie-optimalisatiescript

Geautomatiseerde optimalisatie:

#!/bin/bash
# Performance optimization script

echo "=== XOOPS Performance Optimization ==="

# Clear cache
echo "Clearing cache..."
rm -rf /var/www/html/xoops/cache/*
rm -rf /var/www/html/xoops/templates_c/*

# Optimize database
echo "Optimizing database..."
mysql -u xoops_user -p xoops_db << EOF
OPTIMIZE TABLE xoops_users;
OPTIMIZE TABLE xoops_posts;
OPTIMIZE TABLE xoops_config;
OPTIMIZE TABLE xoops_comments;
EOF

# Check file permissions
echo "Verifying file permissions..."
find /var/www/html/xoops -type f -exec chmod 644 {} \;
find /var/www/html/xoops -type d -exec chmod 755 {} \;
chmod 777 /var/www/html/xoops/cache
chmod 777 /var/www/html/xoops/templates_c
chmod 777 /var/www/html/xoops/uploads
chmod 777 /var/www/html/xoops/var

# Generate performance report
echo "Performance Optimization Complete!"
echo ""
echo "Next steps:"
echo "1. Test site at https://pagespeed.web.dev/"
echo "2. Monitor performance in admin panel"
echo "3. Consider CDN for static assets"
echo "4. Review slow queries in MySQL"

Voor en na statistieken

Verbeteringen bijhouden:

Before Optimization:
- Page Load Time: 3.5 seconds
- Database Queries: 45
- Cache Hit Rate: 0%
- Database Size: 250MB

After Optimization:
- Page Load Time: 0.8 seconds (77% faster)
- Database Queries: 8 (cached)
- Cache Hit Rate: 85%
- Database Size: 120MB (optimized)

Volgende stappen

1. Bekijk de basisconfiguratie
2. Zorg voor veiligheidsmaatregelen
3. Caching implementeren
4. Houd de prestaties bij met tools
5. Pas aan op basis van statistieken

---

Tags: #prestaties #optimalisatie #caching #database #cdn

Gerelateerde artikelen:

• ../../06-Publisher-Module/Gebruikershandleiding/Basisconfiguratie
• Systeeminstellingen
• Beveiligingsconfiguratie
• ../Installatie/Serververeisten