In today's fast-paced digital environment, a slow-loading WordPress website can significantly affect user experience, search engine rankings, and ultimately, your revenue.
Users expect websites to load quickly, and even a few seconds of delay can lead to higher bounce rates and lost visitors.
Here’s a detailed guide on how to speed up your WordPress website and improve load times, with a focus on optimization techniques, best practices, and the importance of web hosting.

1. Choose the Right Web Hosting Provider

Your choice of web hosting provider is crucial for your website’s performance. Here’s what to consider:

• Shared Hosting: Suitable for small websites with low traffic, but can be slower due to shared resources.
• VPS Hosting: Offers better performance than shared hosting, with allocated resources for each user.
• Dedicated Hosting: Provides maximum performance and control, ideal for high-traffic websites.
• Managed WordPress Hosting: Optimized specifically for WordPress, with features like automatic updates and backups.

Recommendation: Look for web hosting providers known for their speed and reliability, such as Cloudways, TMD Hosting, and Namecheap. These providers offer various hosting plans that cater to WordPress sites' specific needs.

2. Enable Compression

Reducing the size of your files through compression can significantly decrease load times. Gzip is a popular compression method that can reduce the size of HTML, CSS, and JavaScript files.
How to Enable Gzip Compression in WordPress:

• Use a plugin like WP Rocket or W3 Total Cache, which can enable Gzip compression with a few clicks.

3. Optimize Images

Images often make up a large portion of a webpage’s total size. Optimizing them can lead to significant improvements in load times.
Tips for Image Optimization:

• Use the Right Format: JPEG for photos, PNG for images with transparency, and SVG for scalable graphics.
• Compress Images: Use plugins like Smush or EWWW Image Optimizer to compress images without losing quality.
• Lazy Loading: Implement lazy loading with a plugin like Lazy Load by WP Rocket, so images only load when they enter the viewport.

4. Minify CSS, JavaScript, and HTML

Minification removes unnecessary characters from code (like spaces, commas, and comments) to reduce file sizes.
How to Minify Your Files:

• Use plugins like Autoptimize or WP Rocket, which can automatically minify CSS, JavaScript, and HTML files.

5. Leverage Browser Caching

Browser caching stores some data on the user's device so they don’t have to download it again on subsequent visits. This can drastically reduce load times for returning visitors.
Setting Up Browser Caching in WordPress:

• Use caching plugins like WP Super Cache or W3 Total Cache, which offer options to set up browser caching.

6. Reduce Server Response Time

A faster server response time can lead to quicker page loads. This depends heavily on your web hosting provider.
Tips to Improve Server Response Time:

• Upgrade your hosting plan if you’re on a shared server experiencing high traffic.
• Optimize your database by cleaning up old data and reducing the size of your database using plugins like WP-Optimize.
• Use a CDN (Content Delivery Network) to distribute your content globally, reducing latency.

7. Enable HTTP/2

HTTP/2 allows multiple requests to be sent for data simultaneously over a single TCP connection, improving load times.
How to Enable HTTP/2:

• Ensure your server supports HTTP/2. Most modern web hosting providers offer HTTP/2 by default.
• Update your SSL/TLS configuration to enable HTTP/2.

8. Use a Content Delivery Network (CDN)

A CDN stores copies of your website’s content at multiple locations around the world. This helps deliver content to users from the nearest server, reducing load times.
Popular CDN Providers:

• Cloudflare
• Akamai
• Amazon CloudFront
• StackPath

WordPress CDN Integration:

• Use plugins like Cloudflare or CDN Enabler to integrate your WordPress site with a CDN.

9. Reduce Redirects

Too many redirects create additional HTTP requests, which can slow down your website. Minimize redirects where possible.
How to Reduce Redirects:

• Audit your website using a tool like Screaming Frog to identify and eliminate unnecessary redirects.
• Ensure your internal links point directly to the final URL.

10. Optimize Your Database

A well-optimized database can improve load times, especially for dynamic websites like those running on WordPress.
Database Optimization Tips:

• Use plugins like WP-Optimize or WP-Sweep to clean up your database.
• Regularly delete unnecessary data, such as old revisions, spam comments, and transients.
• Implement indexing to speed up database queries.

11. Use Asynchronous Loading for CSS and JavaScript

Loading CSS and JavaScript files asynchronously can prevent them from blocking the rendering of your webpage.
How to Implement Asynchronous Loading:

• For JavaScript, add the async or defer attribute to your script tags. Plugins like WP Rocket can help manage this automatically.
• For CSS, you can use plugins that provide critical CSS functionality to ensure CSS loads efficiently.

12. Optimize Web Fonts

Web fonts can add significant load time if not optimized properly.
Optimizing Web Fonts:

• Use modern formats like WOFF2.
• Include only the character sets you need.
• Limit the number of font weights and styles you use.

Plugins for Font Optimization:

• Use plugins like OMGF or WP Rocket to optimize the loading of Google Fonts.

13. Monitor and Analyze Performance

Regular monitoring helps you identify and address performance bottlenecks.
Tools for Monitoring Performance:

• Google PageSpeed Insights
• GTmetrix
• Pingdom Tools
• WebPageTest

Plugins for WordPress Performance Monitoring:

• Use plugins like Query Monitor or New Relic to monitor your WordPress site’s performance.

Conclusion Improving your WordPress website’s load time is crucial for enhancing user experience, boosting SEO rankings, and increasing conversions. By implementing these optimization techniques and choosing the right web hosting provider, you can ensure your website performs at its best. Remember, the foundation of a fast website often starts with selecting a high-quality web hosting provider like Cloudways, TMD Hosting, or Namecheap. Each of these providers offers robust solutions tailored to different needs, ensuring your website is always running smoothly and efficiently.
By following these tips, you'll not only improve your website's speed but also create a better overall experience for your visitors, keeping them engaged and coming back for more.

[EDIT] Fell for one of the classic blunders: didn't triple check file path in CSS. But also tried downloading the latest version of the font in OTF directly from the official GitHub and it was nearly error free.
Hey, y'all. I am trying to take a simple sans serif font from Google Fonts (Hanken Grotesk, ExtraLight), apply a -17 degree skew to it, and then use it on the web. Basically, trying to do a complex layout and typographic setup in CSS and I found a single blog post by a guy showing how he did it, and it necessitates skewing the font the same degree as the layout in CSS, but in the opposite direction.
I opened the font in FontForge, selected all glyphs, then went to Transform and applied a -17 degree skew and hit apply. This works just fine. When I go to export the font, FontForge was giving me all kinds of warnings and errors about self intersection, missing extrema, em scale, and integers or something.
I applied rounding to fix the integer stuff, added missing extrema stuff, set the em scale to a power of two (from 1000 to 1024), and something else to allegedly fix the intersection stuff. After doing all the recommended fixes, when I validate, it still shows errors for basically every glyph.
If I try to export the font as a TTF, Windows can preview it just fine and doesn't complain. Seems to be a functional font. As soon as I try to use it on the web, it just doesn't load. This is either using the TTF directly or converting to WOFF/WOFF2. The original version of the font that I subset and converted to WOFF/WOFF2 is working just fine, and it also works in every app on my machine.
I don't understand enough of the font tech to really know what to search online, but I've searched a ton and haven't come up with much.
In my mind, if the original straight from Google Fonts works perfectly fine everywhere, me applying a simple skew to it and resaving it shouldn't cause such a problem but here we are. What could be the issue? I'm honestly lost and my head hurts. I'm obviously out of my element.
I appreciate any kind of direction or help.

WordPress is a powerful and flexible platform, but it can also be resource-intensive. While plugins offer a plethora of functionalities, they can sometimes slow down your website and compromise its performance. Thankfully, there are numerous ways to optimize your WordPress site without relying on additional plugins, ensuring a smooth user experience and improved SEO ranking.
1. Theme Selection: The Foundation of Optimization
Choosing the right theme is crucial for a fast and efficient website. Opt for lightweight themes with clean code and minimal bloatware.

• Minimalist Design: Avoid themes with excessive animations, sliders, and complex layouts. These features often add unnecessary code and increase loading times.
• Focus on Functionality: Select a theme that provides the core features you need without adding unnecessary bells and whistles.
• Mobile Responsiveness: Prioritize themes designed for mobile devices, ensuring a seamless experience across all platforms.

2. Content Optimization: Streamlining Your Content
Content is king, but heavy content can weigh down your website. Optimize your content to reduce its impact on performance:

• Image Optimization: Compress images before uploading them to your website. Tools like TinyPNG or Kraken.io can significantly reduce file sizes without compromising quality.
• Text Formatting: Use headings (H1, H2, etc.) to structure your content and improve readability. Avoid excessive bolding and italics, which can increase page load times.
• Shortcodes and Embeds: Use shortcodes and embeds sparingly, as they can sometimes add unnecessary code to your pages.
• Content Delivery Network (CDN): Consider using a CDN to deliver your content from servers closer to your users, reducing latency and improving loading speed.

3. Database Optimization: Cleaning Up Your Data
A cluttered database can slow down your website. Regularly optimize your database to improve performance:

• Clean Up Orphaned Data: Remove unused plugins, themes, and media files to reduce database size and improve efficiency.
• Optimize Database Tables: Run database optimization tools to repair and optimize database tables, ensuring efficient data retrieval.
• Regular Backups: Create regular backups of your database to safeguard your data and allow for easy restoration in case of issues.

4. Caching: Speeding Up Page Load Times
Caching is a powerful technique for improving website speed by storing frequently accessed data in temporary memory. WordPress offers built-in caching mechanisms:

• WordPress Caching: Enable the built-in caching feature in your WordPress settings to store static content in memory, reducing server load and improving page load times.
• Browser Caching: Configure your website to allow browsers to cache static files like images and CSS, reducing the need to download them repeatedly.
• Server-Side Caching: If you have access to your server configuration, consider implementing server-side caching solutions like Memcached or Redis for further performance enhancements.

5. Code Optimization: Streamlining Your Website's Code
Clean and efficient code is essential for a fast and responsive website. Implement these code optimization strategies:

• Minify CSS and JavaScript: Reduce the size of your CSS and JavaScript files by removing unnecessary whitespace and comments. This can significantly improve page load times.
• Combine CSS and JavaScript Files: Combine multiple CSS and JavaScript files into fewer, larger files to reduce the number of HTTP requests, improving loading speed.
• Defer Loading of Scripts: Defer the loading of non-critical scripts until after the page has loaded, improving initial page rendering speed.
• Optimize WordPress Core: Keep your WordPress core files up-to-date to benefit from performance improvements and security patches.

6. Server Configuration: Tuning Your Website's Environment
Your server configuration plays a crucial role in website performance. Optimize your server settings for optimal efficiency:

• PHP Version: Ensure you are using a supported and optimized version of PHP. Newer versions often offer performance enhancements.
• Server Resources: Allocate sufficient resources like RAM and CPU to your website to handle traffic peaks and ensure smooth operation.
• Web Server Configuration: Fine-tune your web server configuration (Apache or Nginx) to improve performance by optimizing caching, compression, and other settings.

Looking for best web hosting? > top web hosting
7. User Experience Optimization: Enhancing User Engagement
Optimizing for user experience is crucial for retaining visitors and improving your website's overall performance:

• Lazy Loading: Implement lazy loading for images, loading them only when they are visible in the viewport, reducing initial page load times.
• Responsive Design: Ensure your website is responsive and adapts to different screen sizes, providing a seamless experience across devices.
• Fast Navigation: Optimize your website's navigation to make it easy for users to find the information they need quickly and efficiently.
• Optimized Forms: Design user-friendly forms that load quickly and minimize the number of fields required, improving user engagement.

8. Security Optimization: Protecting Your Website
Security is paramount for any website. Implement these security best practices:

• Strong Passwords: Use strong and unique passwords for your WordPress admin account and other website credentials.
• Two-Factor Authentication: Enable two-factor authentication for your WordPress admin account to add an extra layer of security.
• Regular Updates: Keep your WordPress core, themes, and plugins up-to-date to benefit from security patches and bug fixes.
• Security Plugins: While this article focuses on plugin-free optimization, consider using a reputable security plugin for additional protection, such as Wordfence or iThemes Security.

9. Monitoring and Analysis: Tracking Your Progress
Regularly monitor and analyze your website's performance to identify areas for improvement:

• Website Speed Testing: Use tools like Google PageSpeed Insights or Pingdom to measure your website's loading speed and identify performance bottlenecks.
• Google Analytics: Track your website's traffic, user behavior, and other key metrics to understand how users interact with your site and identify areas for improvement.
• Performance Monitoring Tools: Utilize performance monitoring tools like New Relic or Datadog to track server performance and identify potential issues.

Conclusion: A Holistic Approach to WordPress Optimization
Optimizing your WordPress site without plugins requires a holistic approach that encompasses content, database, code, server configuration, and user experience. By implementing these strategies, you can significantly improve your website's speed, performance, and overall user experience, resulting in higher engagement, improved SEO ranking, and greater success for your online presence. Remember, ongoing monitoring and analysis are crucial for identifying areas for improvement and ensuring your website remains optimized for optimal performance.

Hello everyone
Sorry if my question is unfit, but in short, I've this weird question from an online test for which I now have the answer, but not the explanation.
The question presents me an online repository with 100 images which are all supposed to be encrypted. I'm asked to find where is the rendez-vous point and what encryption mode was used. Here's the repository/folder: https://epreuves.pix.fmessage-chiffre/message-chiffre.html?mode=e
The answer are "Restaurant" and "ECB". Indeed, some images clearly reads "Rendez-vous at the restaurant" and they all have "ECB" in their name. There always seems to be 4 of such images, randomly distributed among the 100 images everytime the page is refreshed, so sometimes they are at the very end of the list.
Hence my problem: I don't understand *how* I'm supposed to be able in 5 minutes to open all the images in another tab, check them, find on with the message, and understand it's "encrypted" in ECB. Images cannot be downloaded as far as I know, so I'm trying to display them quickly one way or another. So I could see a snapshot of the pictures and find more easily.
The method to answer might be completly different, maybe there's is something in the inspector allowing to get such information, or a knowledge to have about the ecryptions methods that's supposed to lead me to find it has to be an ECB and then check for ECB pictures, but really, I have no idea, and the explanation they offered is simply a link to a video explaining ECB.
EDIT: for further context
The test is online, but passed in an actual room on given computers. Some questions might allow you to exit webpage, but obviously
This question is part of a certificate centered around digital usages. There are 16 skills which you can train on a online platform, they go from sending a mail, to finding a specific file in folder, sort data in a .ods file, code in HTML/CSS... The more you train, the more you level up in the skill, the more the questions get hard. Once you feel ready, you can register for a live session to pass a test which uses your levels on the online platform to send you questions that are similar to what you did already. This is a level 5 question and is supposed to be between intermediate/advanced level, since it goes up to level 7 (and soon 8).
So, I'm supposed to be able to do this, I just don't know how, and the only explanation I'm offered by the platform is a video about ECB. Since the message is actually visible on the picture, I was looking for a way to visualize the images since I believe this is what is expected from me.
A "similar" question I just saw is actually the same, but the answer differs: the rendez-vous point is at the backery. So I might just CTRL+F in the folder and look for ECB file and open a random one, but next time the encryption mode by be different too. Or not, maybe the question is actually centered about a knowledge around the ECB that should point at looking for a file with ECB in the name (since it's given in the names), which would explain the video, though the video didn't help me much.
Also, it might be possible that the question is badly designed.

I've been looking for something like this for a long time and I am astounded and frustrated nobody has made anything like this. I found plenty of people asking for this, but no one actually showed a solution.
I stream with friends on twitch as we are in a discord call, and they will often post pictures in discord, but there was no way for me to easily show the picture on stream without toggling the entire discord window so twitch chat can actually see what we are talking about. What I wanted was some way for it to be automated, at least as much as possible.
Through the use of a custom discord bot, I was able to make something work.
Before I get into how to make this work, let me briefly explain how it works so you can tell if this is something you're willing to do. I will be highlighting all areas you need to fill out. The rest is mostly copy paste.
Discord Bot has reading access to a discord channel of your choice>a code tells the bot to monitor this discord channel for image links and image attachments>Upon detecting a new image, the bot will edit an HTML file somewhere on your computer with the link to the image along with some other things to make it readable for OBS>OBS uses that HTML file as a local browser source.
The only potential issue here that can benefit from some improvements is the source will not properly update unless you hide and then unhide the source. If its already hidden, simply unhiding it will prompt the correct image. (Just be sure the source has "Shutdown source when not visible" enabled, to allow it to update and take less resources while not visible) I simply made this a hotkey to easily toggle the source, however there is a way to create an OBS script that will automatically hide the source after a period of time, and reveal it upon updating, I was unsuccessful in this though.
To get this to work, you will only need to create 2 text files, paste some code, and change 3 lines to match your details so it properly links to the correct channel, bot, files, etc. I will highlight these things so you wont have to go searching.
1. CREATE YOUR DISCORD BOT
-Go to https://discord.com/developers/applications -Hit "New Application" at the top right, accept terms and name it whatever you want. -On the left under Settings/Installation be sure User Install and Guild Install are checked. -Navigate to the "Bot" tab on the left and turn OFF "Public Bot" and turn ON "Message Content Intent" -Head over to the "OAuth2" tab on the left. -Under "OAuth2 URL Generator" You will see a big list of "scopes" All you need is to check "bot" -A new portion will be revealed called "Bot Permissions". For simplicity sake since you can give it "Administrator". If you are concerned about security, you can check off only what would be needed like read messages and maybe read message history. This area you will have to experiment to see what is absolutely needed. -Copy the generated URL and paste it into your browser and select what server you would like to add it to. -Once added it should have all the needed permissions to do its job, but double check roles and default permissions to make sure its not conflicting with anything on your server. -Go back to the "Bot" tab on the left and hit the "Reset Token" button. You will be given a code. (Copy and paste this somewhere for you to refer to later.)
2. PYTHON (DONT PANIC) You barely need to mess with it.
-Head over to https://www.python.org/downloads/ and download the latest version. -When installing, make sure to check the box that says "Add Python X.X to PATH" during the installation process. This ensures that Python is added to your system's PATH environment variable, allowing you to run Python from the command line. (Just stay with me here, its not as bad as it sounds) Otherwise if you don't see this, its fine.
-Open Command Prompt as an administrator.

• Enter the following command: pip install discord
• That's about it for python.

3. CREATE THE CODE (PASTE IT)
-Create a new text file and name it "discord_bot.py" (Be sure to change the file extension from .txt to .py) -Right click the file and hit "open with" and select notepad. -Go ahead and paste the following code into the file:

import discord import os import time import re TOKEN = 'YOUR BOT TOKEN HERE' CHANNEL_ID = 'YOUR CHANNEL ID HERE' TEXT_FILE_PATH = 'YOUR TEXT FILE PATH' # Create an instance of discord.Intents intents = discord.Intents.default() intents.messages = True intents.guilds = True intents.message_content = True # Pass intents to the discord.Client() constructor client = discord.Client(intents=intents) # CSS style to limit image dimensions CSS_STYLE = """  """ .event async def on_ready(): print(f'Logged in as {client.user}') .event async def on_message(message): if == int(CHANNEL_ID): print(f'Message received in correct channel: {message.content}') print(f'Attachments: {message.attachments}') if message.attachments or any(re.findall(r'(http[s]?:\/\/[^\s]+(\.jpg\.png\.jpeg))', message.content)): image_url = message.attachments[0].url if message.attachments else re.findall(r'(http[s]?:\/\/[^\s]+(\.jpg\.png\.jpeg))', message.content)[0][0] try: # Generate HTML content with image URL embedded in an  tag html_content = f"""     {CSS_STYLE} Include CSS style      """ # Update the HTML file with the generated HTML content with open(TEXT_FILE_PATH, 'w') as file: file.write(html_content) print(f'HTML file updated with image URL: {image_url}') except Exception as e: print(f'Error updating HTML file: {e}') else: print('No attachments or image links found in the message') client.run(TOKEN)message.channel.id 

-A few lines into the code you will see three lines that read:
'YOUR BOT TOKEN HERE' 'YOUR CHANNEL ID HERE' -and- 'YOUR TEXT FILE PATH'
-You need to replace these. Refer to your token you saved earlier and paste it in place of YOUR BOT TOKEN HERE. When you replace it, it should still have the (') at each end. Example: TOKEN = 'adnlkn34okln2oinmfdksanf342'
-For the Channel ID, head over to Discord>Settings(cogwheel bottom left)>advanced and turn on Developer Mode. -Head over to the Server where you want OBS to grab from and where you invited the bot. -Right click the text Channel you want OBS to grab pictures from and hit "Copy Channel ID" -Go back to the text file with the code and paste the ID you just copied place of YOUR CHANNEL ID HERE. (again make sure not to delete ' ' in the process.
So far we have the Bot Token and the Channel ID done.
-We need to create another text file. Create one and find a place to save it where you'll remember it. Somewhere like your documents folder will work fine. -Name it whatever you want, but be sure to save it as a .HTML file, rather than a .txt file. (for the sake of the tutorial, lets assume you named it "showimage.html" ) *-*Right click the html file you just made and click properties -Here you can see the file "Location". Go ahead and copy it. -Go back to that discord_bot.py file and replace YOUR TEXT FILE PATH with the address you just copied.
HOWEVER: BE SURE TO ADD EXTRA SLASHES TO THIS. I DONT KNOW WHY BUT ITS NEEDED. Example: TEXT_FILE_PATH = 'C:\\Users\\YOURNAME\\OneDrive\\Desktop'
There. The code is finished so go ahead and save it. Now you need to implement it into OBS
4. OBS BROWSER SOURCE
-Go ahead and open OBS. Go to your desired Scene and create a new Source, and make it a Browser Source. -I made the width and height 600x600, but you can adjust it once we get a picture on screen. -Toggle ON "Local File" and "Shutdown source when not visible" -For the local file, browse your computer for that "showimage.html" file we made earlier and select it.
5. (FINAL) LAUNCH THE BOT
We are almost done. You will have to launch this bot every time you want this image thing to work, so maybe save this last part on a note.
-Type CMD in your start menu on windows. -Right click "Command Prompt" and hit "Run as administrator" -Navigate to where the discord_bot.py file you made was saved. You can do this by typing "cd" followed by the address and hitting enter
Example: cd C:\Users\YOURNAME\OneDrive\Desktop Enter\*
-Then type: python discord_bot.py Enter\*
You should see a few lines of text that say: "Logged in as (whatever your bot name is)"
You're done!
When someone posts a link to an image, or uploads one directly to your desired channel, the bot will create a link for the obs source to refer to, and it should pop up in your scene, assuming its visible. If you still dont see anything, try restarting OBS and or go into the source properties, scroll down, and click the "refresh cache of current page" button at the bottom. Keep in mind the picture will not update unless you force the source to refresh somehow. If you dont want to keep going back to obs to hide/unhide the source to update it, you can set a hotkey to it, create an OBS script, or use a separate program like streamerbot to automate the process to your liking.
This was a huge pain in the ass to do, and I dont want anyone to go through what I did, so I wanted to have it all in a janky guide to get people started. Also I made it so the pictures have a minimum and maximum w/h size so small images arent so darn small, and big ones dont take up so much space. You can adjust this in the .py file, just be sure to close command prompt and start the bot again for the changes to go through.
Please let me know if you guys have any questions or suggestions, and Ill try my best to help/ respond. I hope someone makes use of this and it pops up in search results because I couldnt find anything like this anywhere.

``` :root { --n-bg: #000000; --n-icon-color: #ff0000; --n-nav-toolbar-padding: 6px; --n-sidebar-bg: var(--n-bg); --n-sidebar-color: #ff0000; --n-tab-border-radius: 0px; --n-tab-color: #FF0000; --n-tab-font-family: "VictorMono Nerd Font", sans; --n-tab-font-size: 11pt; --n-tab-font-weight: 400; --n-tab-height: 20px; --n-tab-pinned-bg: #ff0000; --n-tab-selected-bg: #ee6c4d; --n-tab-soundplaying-bg: #9c89b8; --n-urlbar-color: #98c1d9; --n-urlbar-focused-color: #ff0000; --n-urlbar-font-family: "VictorMono Nerd Font", sans; --n-urlbar-font-size: 12pt; --n-urlbar-font-weight: 700; --n-urlbar-results-color: #ff0000; --n-urlbar-results-font-family: "VictorMono Nerd Font", sans; --n-urlbar-results-font-size: 12pt; --n-urlbar-results-font-weight: 700; --n-urlbar-results-url-color: #98c1d9; /* --n-tab-selected-bg: linear-gradient(90deg, rgba(232,74,95,1) 0%, rgba(255,132,124,1) 50%, rgba(254,206,168,1) 100%); */ /* --n-urlbar-font-weight: 600; */ /* Overriden Firefox variables*/ --autocomplete-popup-background: var(--n-bg) !important; --default-arrowpanel-background: var(--n-bg) !important; --default-arrowpanel-color: #ff0000 !important; --lwt-toolbarbutton-icon-fill: var(--n-icon-color) !important; --panel-disabled-color: #ff0000; --toolbar-bgcolor: var(--n-bg) !important; --urlbar-separator-color: transparent !important; --bookmark-block-padding: 4px 6px !important; --arrowpanel-menuitem-padding: 0px 0px !important; --tab-block-margin: 0px !important; --tab-border-radius: 0px !important; --arrowpanel-border-radius: 0px !important; --arrowpanel-padding-inline: 0px !important; --arrowpanel-background: #000000 !important; --arrowpanel-color: #ff0000 !important; --arrowpanel-hover-background-color: #ff0000 !important; --arrowpanel-disabled-hover-background-color: #ff0000 !important; --arrowpaenl-disabled-color: #ff0000 !important; --arrowpanel-border-color: #ff0000 !important; --arrowpanel-icon-opacity: 0.7 !important; /* now the history sidebar color */ --lwt-sidebar-background-color: #ff0000 !important; } .tab-text { font-family: var(--n-tab-font-family); font-weight: var(--n-tab-font-weight); font-size: var(--n-tab-font-size) !important; color: var(--n-tab-color); } #tabbrowser-tabs { --tab-line-color: #ff0000 !important; } #urlbar-results { font-family: var(--n-urlbar-results-font-family); font-weight: var(--n-urlbar-results-font-weight); font-size: var(--n-urlbar-results-font-size) !important; /* color: var(--n-urlbar-results-color) !important; */ } .urlbarView-url, .search-panel-one-offs-container { /* color: var(--n-urlbar-results-url-color) !important; */ font-family: var(--n-urlbar-font-family); font-weight: var(--n-urlbar-results-font-weight); font-size: var(--n-urlbar-font-size) !important; } #urlbar-input { font-size: var(--n-urlbar-font-size) !important; /* color: var(--n-urlbar-color) !important; */ font-family: var(--n-urlbar-font-family) !important; font-weight: var(--n-urlbar-font-weight)!important; text-align: center !important; } toolbar { background-image: none !important; } #urlbar-background { opacity: .98 !important; } #navigator-toolbox, toolbaritem { border: none !important; } #urlbar-background { background-color: var(--n-bg) !important; border: none !important; } .toolbar-items { background-color: var(--n-bg) !important; } .urlbarView-row[type="bookmark"]>span { color: red !important; } .urlbarView-row[type="switchtab"]>span { color: orange !important; } #urlbar { max-width: 70% !important; margin: 0 15% !important; /* position: unset!important; */ } /* This positions the tabs under the navaigator container */ #titlebar { -moz-box-ordinal-group: 3 !important; } #sidebar-box { --sidebar-background-color: #000000 !important; } @media (-moz-mac-big-sur-theme: 1) { /* Remove Title (x)(-)(+) */ hbox.titlebar-buttonbox-container { visibility: collapse !important; } } /* Bookmarks Toolbar Auto-hide */ #navigator-toolbox:hover #PersonalToolbar, #navigator-toolbox:hover #PlacesToolbarItems > toolbarbutton > menupopup { visibility: collapse !important; } #PersonalToolbar, #PlacesToolbarItems > toolbarbutton > menupopup { visibility: collapse !important; } .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] { width: 0px !important; } ``` 

I downloaded CSS Loader yesterday and have tried using a few themes like pip boy, Outrun theme and the rounded corners one but none of them are working correctly, the Outrun theme will change the fonts and colors of the fonts but I’m not able to change the colors or the main steam menus. Anybody know a fix? I’ve tried restarting a few times and that doesn’t seem to work, these are the only decoy plugins I’ve tried to use so far as I’m not much of a tinkerer with my deck.

TITLE : Basics of Web Design HTML5 & CSS Sixth Edition 6th edition by Terry Ann Felke-Morris Digital Textbook Ebook PDF Download Reddit - Pearson
AUTHORS : Terry Ann Felke-Morris
EDITION : 6th Edition - Sixth Edition
PUBLISHER : Pearson
Feel free to message or Send me a chat request on Reddit / Discord / Email if you need the Textbook Pdf
Discord ID: textbookfinder#1311
Email id: [findmytextbookforme@gmail.com](mailto:findmytextbookforme@gmail.com)
Original Textbook Cover Photo: https://postimg.cc/3yTxdkbB
Thank you :)

so i use this Lepton css https://github.com/black7375/Firefox-UI-Fix/blob/mastecss/leptonChrome.css https://github.com/black7375/Firefox-UI-Fix/releases/download/v8.6.1/Lepton.zip with
#navigator-toolbox { --lwt-tabs-border-color: rgba(33, 143, 166, 0.9) !important; }
.tabbrowser-tab:is([selected], [multiselected], :hover) .tab-background { background-color: rgba(0, 0, 0, 1) !important; outline: 1px solid rgba(33, 143, 166, 0.9) !important; outline-offset: -1px !important;}
.tabbrowser-tab:is([selected], [multiselected]):hover .tab-background { background-color: rgba(0, 64, 0, 1) !important;}
to get this https://i.postimg.cc/N0wNY9ZV/css.png on firefox v118. doesn't work on v125.
v118 https://cdn.imgpile.com/f/df9kEvA_xl.png v125 https://cdn.imgpile.com/f/6sdnouE_xl.png

A friend of my friend wants to build an informational website for his business, just for online presence, no money transactions needed.
I've some core PHP and basic HTML, JavaScript, CSS experience and i know basics of hosting and domain names but this work seems too simple that I just recommend him some website builder something like wix.com to do on his own and that's the end of my talk with him?
I haven't used such website builders but i guess these platforms must have some recurring fee on top of fee for domain name and hosting they would be providing. So if he (friend's friend) wants to save some money then i download a template (or use wordpress.org), add content (his business info) to it, and upload it to any hosting provider that comes on top of Google search results? That leads me to the next question that i don't know SEO so anything i should know when choosing a template or a website builder?
For domain name i'm aware of tld-list.com and tldes.com
He may like an official email address on the domain name. I remember setting up an email address for my own domain name i had on namecheap.com but it was long time back so i may be wrong in remembering that i was only able to receive emails on that, not able to send emails from that. I guess the email needs to be set up at the hosting provider. I think it would be nice if he can send official domain emails via his Gmail, will i be able to do that without paying for Google's paid service?
In me finding this as simple as building a PowerPoint presentation i fear that being an outsider am i missing something? Thank you.

For a not short time im trying to wrap my head around how to create a truly statically generated svelte(kit) website stored on S3 with periodical rebuilds using AWS Lambda.
Use-case:

• 5000+ pages (so build can be really long)
• content changes once per week (at most, so SSR seems stupid and CSR slow and costly to run API)

I dont even know if it is good idea in general. But i want to avoid amplify and vercel (Vercels ISR is tempting) and make it work using only aws resources.
I have multiple possible routes.
1, Using lambdas in parralel. In short i imagine two lambda functions.
First would fetch all data from database and create a JSON structured output(s) into some temp folder in S3. It would be split into multiple JSON files to prevent longer build times than 15 minutes and 1GB RAM which is maximum execution length and size. (lets say maximum 100 pages per generating lambda). Then for each file call a second lambda.
Second lambda will download associated JSON file and render all needed pages using the data and upload all pages on S3. As a side effect of paralerization, some of css/js files would be generated multiple times, but should have same hash in name (so they will simply overwrite ?)
After all pages are rendered and uploaded to S3, CDN is invalidated and everything works.
This is probably doable with custom build script using svelte/compiler showcased here
2, Basically the same using code pipeline whitch has the same problem as far as i know
Probably next optimization would require some smart algorithm to re-render only pages, that the database change influences.
It woud be best to create it as an adapter, but impossible since i dont know about any way to run sveltekit build process in lambda

I apologize if this has been asked already.
I started to work on a client site where they need me to upload an image, and what I did first is to download to my computer the site content using FileZilla. I have been opening HTML files in the browser to know where to make those changes. But it does not show the the page how it should be, meaning like if there was no JavaScript code. And there are a lot of PHP files, so my question is, in what way can view the site locally how it looks live? With all the configuration of CSS and JS?
This is the first time I work with a WordPress site in this way. I have always worked before just from the Accounts page and making configurations just with point and click.
I hope it makes sense what I wrote. Thank you!

https://docs.google.com/document/d/1ncQcxnD-CxDk4h01QYyrlOh1lEYDS-DV/edit?usp=sharing&ouid=114514252262811175804&rtpof=true&sd=true
Hello again folks! Your resident performance obsessed Redditor here, with my updated Pagespeed guide! It's gone through significant revisions since the last time I posted it. It now has more than double the content up from 94 pages the last time I posted the guide to having over 200+(!!) pages of content.
Major content additions, expansions on everything that was previously in the guide, significantly better and more logical organization, revamped table of contents, grammar and spelling fixes, many new optimization strategies and much needed additional specificity.
Don’t forget to check the table of contents, it is not expanded by default! The icon is on the top left side on desktop
Included is a breakdown on how to analyze and interpret Speed Test reports to identify optimization opportunities.
There's an extensive amount of optimization information and resources for server stack configuration for NGINX, Apache, OpenLiteSpeed, Varnish, Object Caching, PHP, HAProxy, MySQL, SSL, Gzip/Brotli, HTTP/2 and HTTP/3, the Google Pagespeed module, Security considerations effects on performance and Linux optimizations. There are also a bunch of resources on database optimization.
Wordpress specific optimizations: It now has sections on how to optimize common features including Ads, Forms, Woocommerce, Analytics, Google Maps, Fonts, Custom Fields, Galleries, Video Players, Sliders, Filters, SEO plugins, Anti-Spam, Cookie Notices, Backup plugins; in addition to one size fits all optimizations(Images, Videos, CDN, SSL, CSS, JS, Resource Hints, Caching etc), and tons and tons more.
Every optimization opportunity has a free plugin option (or multiple) listed. Some paid plugins are included as I find them very useful(Perfmatters and Asset Cleanup Pro for example). However I've included alternatives for all paid options. Every single thing in my guide can be implemented for free.
I've done my best to cover all of the bases you’d find in any page speed guide, in addition to a focus on adding uncommon optimization strategies and solutions that you won’t find in any off the shelf guide. This is a compilation of all of my research over the last 6 years delving into performance optimization.
I'm confident that if you follow every single step in the guide, almost any site you maintain can score 90+ on a Pagespeed Insights Mobile Speed Test.
If you notice anything missing from my performance guide that you think I should add, or if there is some information you believe needs to be amended (or expanded on), please let me know in the comments and I'll be sure to add a section or revise the content on the topic (if necessary) as soon as possible!
If you feel that the guide is too overwhelming and you'd prefer to have someone else optimize your site’s performance or need a consultation, feel free to DM me.
If anyone wants to be able to import a large set of free optimization plugins (and you can selectively choose which ones to download/install), download WP Favs. I do need to update the collection since I've added tons to the guide since the last time I posted this, but it's still comprehensive:
https://wordpress.org/plugins/wpfavs/
The code to import them is: JAuOGP5BZICR5LmBsPANN9kpKHfiie
https://imgur.com/a/nU1v5CU
For now the roadmap is to work on the load balancing section, new sections with optimized plugins for other common features, and anything else I can think of. I have added a ton of content since the last time, so I'm positive that there are still gaps which need to be plugged. I plan to continue adding content as I improve it, so keep an eye on the guide as it will continue to evolve over time!
If this guide helped you out, please consider buying me a coffee! (Everybody likes coffee right?)
If anyone would like to help me develop a premium optimization plugin with some unique strategies I've been thinking of, please pm me!
Edit: Added new sections with optimized plugins for every common feature I can think of, please let me know if you have any requests. Trying to stick with free options.

Hi there. I had been trying to move a website from Wix to someplace else, and I had been struggling to add fonts (none initially downloaded from Google Fonts) since they all require coding skills. I had been trying to use the kind of codes to add specific fonts of my liking, but none of them would appear on the fonts list.
Are there any website builders besides Wix that allow users to add fonts by simply importing their files without the need to code in the Edit HTML/CSS area?

Hello, yes another post about CRM recommendations, but really I'm lost.
I need to find a good CRM for my company, and I went and tried Freshworks CSS.
Did not like it. Currently I'm in trial version, there is a guy that Zoom's with me to get me setup the thing, but I really don't like it. It's too much and I think it is completely wrong for me.
The background of the work:
I have a lot of clients. These clients are usually institutions like schools, kindergartens etc.
I communicate with the kitchen staff daily via Whatsapp which is a drag. I also communicate with administrative staff. We also do email and voice calls. This is becoming overwhelming and all of this is not a good solution for me/us.
What I would need from a CRM (based on the things I currently run/do with my clients and inside the company):

• Knowledge base (so we can input FAQ that we receive with complete answers)
• Chat option for clients so that we can receive the images and/or videos but also to have a quick chat. Would be also good that they can take a picture directly from chat so it doesn't hog their mobile memory.
• Would be good if they could install an app on their mobile phones.
• Ticketing service and maybe helpdesk (but helpdesk can be done via KB)
• Possibility of adding files for clients (which they can download not change)
• Grouping clients so that kindergarten clients can't see the documents from the school clients
• Would be good if we could implement our Office365
• Creating leads, and leads database with sales tracking option
• Option to build client base

Is there anything out there for me?
Thanks!

I NEED HELP ASAP!! For work I need to upload a canva email design into my work's CRM system and oh my days - it's saying: "Select a template package from your PC to upload. A template package should be a .ZIP archive containing an index.html file and other assets like CSS, images..."
Guys for the love of god, I've tried researching how to do this for so long. I downloaded the design as a Zip file, converted the file to a .html. - using some sketch website - and it still won't work.
I feel like I'm going mad because I don't know wtf to dooooo UGH.
Anyone who understands tech, marketing, canva or any knowledge on this at all I like desperately need your help, coz I'm on a tight deadline :(((((

I am having issues running gamescope on EndeavourOS Hyprland,
I used gamescope -- %command% as arguments and the games do not open, it also fails when trying to open it up using Lutris.
When running it from the terminal as gamescope -e -- steam it opens up the loading steam window before it crashes. The error is
─[$] <> gamescope -e -- steam
No CAP_SYS_NICE, falling back to regular-priority compute and threads.
Performance will be affected.
(gamescope:26723): Gtk-WARNING **: 22:34:30.595: Theme parsing error: gtk.css:6616:68: Invalid name of pseudo-class
vulkan: selecting physical device 'NVIDIA GeForce RTX 3090': queue family 2 (general queue family 0)
vulkan: physical device supports DRM format modifiers
wlserver: [backend/headless/backend.c:67] Creating headless backend
xdg_backend: Seat name: seat0
vulkan: vkGetPhysicalDeviceFormatProperties2 returned zero modifiers for DRM format 0x38344241 (VkResult: 0)
vulkan: vkGetPhysicalDeviceFormatProperties2 returned zero modifiers for DRM format 0x38344258 (VkResult: 0)
vulkan: supported DRM formats for sampling usage:
vulkan: AR24 (0x34325241)
vulkan: XR24 (0x34325258)
vulkan: AB24 (0x34324241)
vulkan: XB24 (0x34324258)
vulkan: RG16 (0x36314752)
vulkan: NV12 (0x3231564E)
vulkan: AB4H (0x48344241)
vulkan: XB4H (0x48344258)
vulkan: AB30 (0x30334241)
vulkan: XB30 (0x30334258)
vulkan: AR30 (0x30335241)
vulkan: XR30 (0x30335258)
wlserver: Running compositor on wayland display 'gamescope-0'
wlserver: [backend/headless/backend.c:17] Starting headless backend
wlserver: Successfully initialized libei for input emulation!
wlserver: [xwayland/sockets.c:64] Failed to bind socket @/tmp/.X11-unix/X0: Address already in use
wlserver: [util/env.c:9] Loading WLR_NO_HARDWARE_CURSORS option: 1
wlserver: [types/output/output.c:370] WLR_NO_HARDWARE_CURSORS set, forcing software cursors
wlserver: [xwayland/server.c:107] Starting Xwayland on :2
wlserver: [types/wlr_compositor.c:771] New wlr_surface 0x60194f04dcb0 (res 0x60194f2522d0)
wlserver: [xwayland/server.c:272] Xserver is ready
pipewire: stream state changed: connecting
pipewire: stream state changed: paused
pipewire: stream available on node ID: 126
xwm: Embedded, no cursor set. Using left_ptr by default.
vblank: Using timerfd.
josh edid: Patching res 800x1280 -> 1280x720
pipewire: renegotiating stream params (size: 2560x1407)
steam.sh[26753]: Running Steam on endeavouros rolling 64-bit
steam.sh[26753]: STEAM_RUNTIME is enabled automatically
setup.sh[26827]: Steam runtime environment up-to-date!
steam.sh[26753]: Steam client's requirements are satisfied
[2024-05-12 22:34:31] Startup - updater built May 3 2024 23:10:57
[2024-05-12 22:34:31] Startup - Steam Client launched with: '/home/nichtsylph/.local/share/Steam/ubuntu12_32/steam'
05/12 22:34:31 minidumps folder is set to /tmp/dumps
05/12 22:34:31 Init: Installing breakpad exception handler for appid(steam)/version(1714854927)/tid(26876)
[2024-05-12 22:34:31] Loading cached metrics from disk (/home/nichtsylph/.local/share/Steam/package/steam_client_metrics.bin)
[2024-05-12 22:34:31] Using the following download hosts for Public, Realm steamglobal
[2024-05-12 22:34:31] 1. https://client-update.akamai.steamstatic.com, /, Realm 'steamglobal', weight was 1000, source = 'update_hosts_cached.vdf'
[2024-05-12 22:34:31] 2. https://cdn.cloudflare.steamstatic.com, /client/, Realm 'steamglobal', weight was 1, source = 'update_hosts_cached.vdf'
[2024-05-12 22:34:31] 3. https://cdn.steamstatic.com, /client/, Realm 'steamglobal', weight was 1, source = 'baked in'
[2024-05-12 22:34:31] Verifying installation...
[2024-05-12 22:34:31] Verification complete
UpdateUI: skip show logo
Steam logging initialized: directory: /home/nichtsylph/.local/share/Steam/logs
XRRGetOutputInfo Workaround: initialized with override: 1 real: 0xea9a6dc0
XRRGetCrtcInfo Workaround: initialized with override: 1 real: 0xea9a5500
steamwebhelper.sh[26886]: === Sun May 12 10:34:37 PM EDT 2024 ===
steamwebhelper.sh[26886]: Starting steamwebhelper under bootstrap sniper steam runtime at /home/nichtsylph/.local/share/Steam/ubuntu12_64/steam-runtime-sniper
CAppInfoCacheReadFromDiskThread took 51 milliseconds to initialize
Steam Runtime Launch Service: starting steam-runtime-launcher-service
Steam Runtime Launch Service: steam-runtime-launcher-service is running pid 27001
bus_name=com.steampowered.PressureVessel.LaunchAlongsideSteam
[Gamescope WSI] Forcing on VK_EXT_swapchain_maintenance1.
steamwebhelper.sh[27138]: === Sun May 12 10:34:47 PM EDT 2024 ===
steamwebhelper.sh[27138]: Starting steamwebhelper under bootstrap sniper steam runtime at /home/nichtsylph/.local/share/Steam/ubuntu12_64/steam-runtime-sniper
wlserver: [types/wlr_compositor.c:771] New wlr_surface 0x60194f34c630 (res 0x60194fa274c0)
xwm: Unhandled NET_WM_STATE property change: _NET_WM_STATE_MAXIMIZED_VERT
xwm: Unhandled NET_WM_STATE property change: _NET_WM_STATE_MAXIMIZED_HORZ
xwm: got the same buffer committed twice, ignoring.
The XKEYBOARD keymap compiler (xkbcomp) reports:

Warning: Unsupported maximum keycode 708, clipping.

 X11 cannot support keycodes above 255. 

Warning: Could not resolve keysym XF86KbdInputAssistPrevgrou
Warning: Could not resolve keysym XF86KbdInputAssistNextgrou

Errors from xkbcomp are not fatal to the X server
xdg_backend: Changed refresh to: 143.999hz
xdg_backend: Compositor released us but we were not acquired. Oh no.
pipewire: renegotiating stream params (size: 3810x2020)
xdg_backend: Compositor released us but we were not acquired. Oh no.
xdg_backend: Compositor released us but we were not acquired. Oh no.
xdg_backend: Compositor released us but we were not acquired. Oh no.
BRefreshApplicationsInLibrary 1: 0ms
wlserver: [types/wlr_compositor.c:771] New wlr_surface 0x60194f34c0d0 (res 0x60194fa30880)
wlserver: [types/wlr_compositor.c:771] New wlr_surface 0x60194f34b490 (res 0x60194fa30e20)
xwm: got the same buffer committed twice, ignoring.
xwm: got the same buffer committed twice, ignoring.
CDesktopCapturePipeWire: Opening DRM render node /dev/dri/renderD128
MESA-LOADER: failed to open nvidia-drm: /uslib32/gbm/nvidia-drm_gbm.so: cannot open shared object file: No such file or directory (search paths /uslib32/gbm, suffix _gbm)
CDesktopCapturePipeWire: setting stream node ID: 126
BuildCompleteAppOverviewChange: 297 apps
RegisterForAppOverview 1: 9ms
RegisterForAppOverview 2: 9ms
wlserver: [types/wlr_compositor.c:771] New wlr_surface 0x60194f34b860 (res 0x60194fa32fe0)
xwm: Unhandled NET_WM_STATE property change: _NET_WM_STATE_MAXIMIZED_VERT
xwm: Unhandled NET_WM_STATE property change: _NET_WM_STATE_MAXIMIZED_HORZ
xwm: got the same buffer committed twice, ignoring.
(EE) failed to read Wayland events: Broken pipe
[1] 26723 IOT instruction (core dumped) gamescope -e -- steam
I tried running using gamescope -f -W 1920 -H 1080 -w 1920 -h 1080 --steam -- steam steam://rungameid/813780 to launch the game straight, but still same issue xwm: Unhandled NET_WM_STATE property change: _NET_WM_STATE_MAXIMIZED_VERT
xwm: Unhandled NET_WM_STATE property change: _NET_WM_STATE_MAXIMIZED_HORZ
xwm: got the same buffer committed twice, ignoring.
(EE) failed to read Wayland events: Broken pipe
[1] 32293 IOT instruction (core dumped) gamescope -f -W 1920 -H 1080 -w 1920 -h 1080 --steam -- steam
I have a ryzen 5800x with an RTX3090.
I don't know what else to try, any assist would be highly appreciated.