רוחב תפריט , תוספת להדר, טעינה מתמשכת

צהריים טובים,

1. אזור הלוגו שלך הוא ברוחב של 350 פיקסלים (למרות שהלוגו שאת הכנסת הוא רק ברוחב של 175 פיקסלים), והתפריט שלך די עמוס ולכן הוא ירד שורה.

כדי לפתור את זה, אתה יכול לנסות לצמצם את המרווחים בין האלמנטים בתפריט.

2. לצערי אין אפשרות מובנית לעשות את זה, אך ניתן באמצעות הקוד הבא להציג את הבר עליון במובייל:

@media (max-width:768px) {
#top-bar{display:block;}}

3. איטיות באתר יכולה להיות בגלל השרת, האם ניסית לבדוק את זה מול חברת האחסון שלך?

2. לא, בהתאמה אישית > Live CSS.

3. מה גורם לאיטיות האתר?

1. שרתים – זיכרון, רוחב פס, כונן אחסון, מיקום השרת מול הגולש וכדו'

2. מדיה – בסופו של דבר כל תמונה ששמים בעמוד מכבידה על הטעינה, במיוחד אם זו תמונה שנמצאת באזורים שנטענים בכל עמוד כמו ההידר והפוטר, שימו לב פשוט להעלות תמונות ברזולוציות הגיוניות ותמיד טוב גם לכווץ אותן לפני עם כלים ייעודיים.

3. סקריפטים חיצוניים – גוגל פיקסל, פייסבוק פיקסל, וידג'טים של פייסבוק / טוויטר / גוגל+ / וכדו', כפתורי לייק ופלוס למיניהם, Avatar ועוד, כל אלו טוענים מידע משרתים חיצוניים וזה מאט את עליית העמוד באופן משמעותי.

4. תוספים – עומס של תוספים מקשה על המערכת, אם אתם לא משתמשים בתוסף מסויים פשוט תכבו אותו, עדיף גם למחוק למניעת פרצות אבטחה עתידיות.

5. ערכת עיצוב – כן, בסופו של דבר גם ערכת עיצוב טוענת קבצי CSS JS Fonts וישנה חשיבות רבה לכתיבת קוד חסכונית. ערכת עיצוב טובה (כמו שלנו כמובן) תכווץ את הקבצים הללו לגרסת min שישקלו כמה שפחות.

לכן, דבר ראשון הייתי ממליצה לבדוק את מהירות הפינג מול שרתי האחסון שלך ולראות מה הגורמים שמאיטים את זמן עליית האתר ברמת התוספים, מדיה וכל השאר.

הייתי ממליצה לך גם לקרוא את המאמר המצויין הבא: http://www.geektime.co.il/how-to-push-wordpress-faster/